解决运用bootstrap时，点击导航栏的响应式面包无法打开的问题

解决运用bootstrap时，点击导航栏的响应式面包无法打开的问题

Bootstrap是一个CSS/HTML框架，提供了优雅的HTML和CSS规范。上次我在写一个有关抗疫的网页的时候，遇到了这样一个问题：

并且在中引用了bootstrap的文件

<!-- Bootstrap -->
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/bootstrap.min.js"></script>

以及在中写好了官网上提供的导航条代码

https://v3.bootcss.com/components/#navbar

但是网页中点击导航栏的响应式面包无法打开。所以我就去查找多方资料发现少些了一个

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

最后的引入的代码应该是：

<!-- Bootstrap -->
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

加上之后就可以打得开面包块了

以下我总结了一下三种可能出现此问题的原因：

1. 代码本身打错（最好的方法就是直接复制），如果真的打错了就只有好好检查一下了。
2. 是否插入了jQuery的包
3. 检查jQuery引入是否在bootstrap.min.js引入之前，因为bootstrap的js依赖于jQuery的js

希望我的博客可以帮助到你！Have a good day！