1. 程式人生 > >解決Bootstrap導航條不能下拉

解決Bootstrap導航條不能下拉

前言

製作網頁的時候發現使用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>