最低要求为:1.9.1
bootstrap.mincss 没有引入,你引入了两遍bootsrtap.min.js
代码没错,稳一点把<%= basePath %>改成你的路径,<meta charset="utf-8" />加一下。代码上没问题,只有路径的可能性错误
下拉的菜单内容放在了点击按钮里面,结构错误了,就实现不了啊。button与.dropdown应该是平行的
jQuery.js文件最好先在bootstrap.js文件之前加载
样式上没啥区别,只是点击之后有些区别。
不加 dropdown-toggle 点击后按钮一直处于点击状态(颜色变深,有边框),当点击空白处时方可解除
添加 dropdown-toggle 点击后按钮按下鼠标处于点击状态,抬起鼠标就可解除这个状态。
老师写的太快了,偶尔写错一个自己可以理解就行了。之前还写错http://www.imooc.com写成了http://ww.imooc.com
SublimeText,我有配置好的汉化版和已经安装各种插件的sublime text 3,需要的话可以给你,但是如果你电脑内存够用的话,建议用webstorm。
看看控制台是不是报错缺少popper.js?
在bootstrap之前引入popper.js即可
<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
我的可以实现,你可以把你的代码贴过来,要不然也不知道你哪里出现了问题
ul应在button外,ul和button是同一级关系
我之前也是,然后我发现我的jquery.js是自己下载的,并不是下载bootstrap是在js里面一起下载的。所以去下载个bootstrap的js里面带有jquery.js,把之前的js文件夹和css文件夹删除后再复制进入,然后在项目中导入类似这种
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
然后就可以看到下拉了
$('#myDropdown').on('show.bs.dropdown', function () { // do something… })
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 模板</title>
<!--第一步, 引入 Bootstrap -->
<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>Hello, world!</h1>
<!--第二步, jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!--第三步, 包括所有已编译的插件 -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
可以,写完按Tab键就行了
brackets
一个是按钮组的类,一个是下拉列表类