Bootstrap和Jquery矛盾

Question

当我之前包含bootstrap.min.js时，我的引导转盘和导航栏中的下拉菜单似乎不起作用

以下是我的代码

<link href="bootstrap/dist/css/bootstrap.css"  rel="stylesheet" type="text/css">
<script src="bootstrap/dist/js/bootstrap.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- Latest compiled and minified CSS & JS -->

但是，如果导航栏中的标签在bootstrap.js之前包含jquery.min.js而不是work.Seems，那么它们之间就存在矛盾

Answer 1

更改顺序。首先是JQuery.js，然后是bootstrap.js。顺序应该是这样的

<link href="bootstrap/dist/css/bootstrap.css"  rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="bootstrap/dist/js/bootstrap.js"></script>

注意：通常将.js文件列在html代码的底部( html标签内)。