Bootstrap导航栏下拉菜单不生效的问题
新手学习bootStrap时可能会遇到导航栏下拉菜单不生效的问题,常见原因有一下几点:
1.导入静态文件顺序有问题,静态文件的顺序有要求
先导入bootstrap.css,然后jquery.js,然后bootstrap.js
注意!!如果bootstrap.min.js是4.0及其以上版本的,导入顺序是jquery.min.js然后popper.min.js最后bootstrap.min.js;
2.jQuery版本较高,bootstrap版本较低。这里本人使用的是bootstrap3.0版本的,而jQuery使用的1.8.3的版本。在浏览器页面点击下拉菜单没有反应,换一个1.12.4版本的jQuery就好了;
<!doctype html>
<html lang="zh-CN"><!-- HTML使用中文简体 -->
<head>
<meta charset="utf-8"><!-- 设置HTML页面的字符集为UTF-8 -->
<meta http-equiv="X-UA-Compatible"<