使用bootstrap时下拉菜单失效问题解决

时间:2022-07-28
本文章向大家介绍使用bootstrap时下拉菜单失效问题解决，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

因为方便，我使用的是 BootCDN 提供的免费 CDN 加速服务

第一次使用，导入顺序错了，下拉菜单功能不显示，修改一下就好 

<!--导入顺序出错
	  导入的.js顺序错误
	  1.导入bootstrap的.css文件
	  2.导入jquery的.js文件
	  3.导入bootstrap的.js文件
	  -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

随机文章
WEB前端知识点必读
最近更新