我真的不明白，当我在本地启动我的 html 页面时，下拉菜单不起作用。
我试图在 bootply 及其工作上复制/粘贴我的 html 代码!极好的 ...
http://bootply.com/90610
任何想法 ？
我不想包含所有 js 文件，只是下拉所需的文件(dropdown.js)
我真的不知道我应该尝试什么......
如果有人可以帮助我，它将非常感激。
谢谢
请您参考如下方法:
当您将其放入您自己的 HTML 页面时，您必须包含 jQuery 1.X 或 2.X(3.3.7 之前的 Bootstrap 版本 are not compatible with JQuery 3.X )。确保包含 jquery.js 之前 bootstrap.js(或 dropdown.js)。通常您在 </body> 之前执行此操作。标签。
这是一个完整的工作示例，Bootstrap 和 jQuery 是从外部 CDN 加载的:
<html>
<head>
<title>Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- Static navbar -->
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
<!-- include javascript, jQuery FIRST -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
</body>
</html>
把它放在一个 .html 文件中，然后在浏览器中打开它。
