版权声明：本文为Banana原创文章，未经Banana允许不得转载。评论请留下你认真观看后的想法或者意见，非常感谢！ https://blog.csdn.net/qq1515312832/article/details/83244419
前言
制作网页的时候发现使用Bootstrap制作的导航条，在页面缩小到一定程度时候变成下拉状态，此时，点击下拉没有用，检查代码没有问题，最后发现的问题是文件引用出现了问题。
更改
文件的引用顺序不能有误，Bootstrap 的所有 JavaScript 插件都依赖 jQuery，因此 jQuery 必须在 Bootstrap 之前引入，
css引用要在js之前。
<head>
<meta charset="UTF-8">
<title></title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="../css/bootstrap.css" />
<!--需要引入JQuery-->
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script type="text/javascript" src="../js/bootstrap.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>