解決Bootstrap導航條不能下拉
阿新 • • 發佈:2018-12-16
前言
製作網頁的時候發現使用Bootstrap製作的導航條,在頁面縮小到一定程度時候變成下拉狀態,此時,點選下拉沒有用,檢查程式碼沒有問題,最後發現的問題是檔案引用出現了問題。
更改
檔案的引用順序不能有誤,Bootstrap 的所有 JavaScript 外掛都依賴 jQuery,因此 jQuery 必須在 Bootstrap 之前引入,
css引用要在js之前。
<head> <meta charset="UTF-8"> <title></title> <!-- 最新版本的 Bootstrap 核心 CSS 檔案 --> <link rel="stylesheet" href="../css/bootstrap.css" /> <!--需要引入JQuery--> <script type="text/javascript" src="../js/jquery-1.11.0.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 檔案 --> <script type="text/javascript" src="../js/bootstrap.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head>