Jquery 单击时引导导航栏切换按钮不显示

下面是我刚开始编写的代码。显示在低宽度屏幕上的导航栏切换按钮不工作。单击时，它的颜色会有一点变化，但下拉导航不会出现。尝试将其与getboostrap.com中的Navbar示例进行比较，但仍然没有成功。这是导航代码中的问题吗？还是我把JS和CSS文件放错了顺序？请帮我修一下这个

     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" 
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">

切换导航

---

您必须在引导之前添加jQuery引用。min.js

您需要在引导之前加载jQuery，如下所示：

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.2.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" 
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

---

jQuery需要引导js。

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.2.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" 
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>