<!DOCTYPE?html>
<html?lang="zh-CN">
<head>
????<meta?charset="utf-8">
????<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1">
????<title>現(xiàn)代瀏覽器博物館</title>
????<link?href="css/bootstrap.min.css"?rel="stylesheet">
????<link?href="css/bootstrap-theme.css"?rel="stylesheet">
????<link?href="css/bootstrap-theme.min.css"?rel="stylesheet">
????<link?href="css/bootstrap-theme.css.map"?rel="stylesheet">
????<link?href="css/bootstrap.css.map"?rel="stylesheet">
????<!--[if?lt?IE?9]>
????<script?src="js/html5shiv.min.js"></script>
????<script?src="js/respond.min.js"></script>
????<![endif]-->
</head>
<body>
<nav?class="navbar?navbar-default">
????<div?class="container-fluid">
????????<!--?Brand?and?toggle?get?grouped?for?better?mobile?display?-->
?<div?class="navbar-header">
????????????<button?type="button"?class="navbar-toggle?collapsed"?data-toggle="collapse"?data-target="#bs-example-navbar-collapse-1"?aria-expanded="false">
????????????????<span?class="sr-only">Toggle?navigation</span>
????????????????<span?class="icon-bar"></span>
????????????????<span?class="icon-bar"></span>
????????????????<span?class="icon-bar"></span>
????????????</button>
????????????<a?class="navbar-brand"?href="#">Brand</a>
????????</div>
????????<!--?Collect?the?nav?links,?forms,?and?other?content?for?toggling?-->
?<div?class="collapse?navbar-collapse"?id="bs-example-navbar-collapse-1">
????????????<ul?class="nav?navbar-nav">
????????????????<li?class="active"><a?href="#">Link?<span?class="sr-only">(current)</span></a></li>
????????????????<li><a?href="#">Link</a></li>
????????????????<li?class="dropdown">
????????????????????<a?href="#"?class="dropdown-toggle"?data-toggle="dropdown"?role="button"?aria-haspopup="true"?aria-expanded="false">Dropdown?<span?class="caret"></span></a>
????????????????????<ul?class="dropdown-menu">
????????????????????????<li><a?href="#">Action</a></li>
????????????????????????<li><a?href="#">Another?action</a></li>
????????????????????????<li><a?href="#">Something?else?here</a></li>
????????????????????????<li?role="separator"?class="divider"></li>
????????????????????????<li><a?href="#">Separated?link</a></li>
????????????????????????<li?role="separator"?class="divider"></li>
????????????????????????<li><a?href="#">One?more?separated?link</a></li>
????????????????????</ul>
????????????????</li>
????????????</ul>
????????????<form?class="navbar-form?navbar-left"?role="search">
????????????????<div?class="form-group">
????????????????????<input?type="text"?class="form-control"?placeholder="Search">
????????????????</div>
????????????????<button?type="submit"?class="btn?btn-default">Submit</button>
????????????</form>
????????????<ul?class="nav?navbar-nav?navbar-right">
????????????????<li><a?href="#">Link</a></li>
????????????????<li?class="dropdown">
????????????????????<a?href="#"?class="dropdown-toggle"?data-toggle="dropdown"?role="button"?aria-haspopup="true"?aria-expanded="false">Dropdown?<span?class="caret"></span></a>
????????????????????<ul?class="dropdown-menu">
????????????????????????<li><a?href="#">Action</a></li>
????????????????????????<li><a?href="#">Another?action</a></li>
????????????????????????<li><a?href="#">Something?else?here</a></li>
????????????????????????<li?role="separator"?class="divider"></li>
????????????????????????<li><a?href="#">Separated?link</a></li>
????????????????????</ul>
????????????????</li>
????????????</ul>
????????</div><!--?/.navbar-collapse?-->
?</div><!--?/.container-fluid?-->
</nav>
<script?src="js/jquery.min.js"></script>
<script?src="js/bootstrap.min.js"></script>
<script?src="js/bootstrap.js"></script>
<script?src="js/jquery-1.11.1.js"></script>
<script?src="js/jquery-1.11.1.min.js"></script>
<script?src="js/jquery-1.11.1.min.map"></script>
</body>
</html>
1 回答
已采納
小左OMG
TA貢獻(xiàn)6條經(jīng)驗 獲得超3個贊
您好，我剛剛把代碼拷貝到本機(jī)上試了一下，我覺得問題是這樣的，第80行和第81行：
<script?src="js/jquery-1.11.1.min.js"></script> <script?src="js/jquery-1.11.1.min.map"></script>
的位置放置錯誤了，因為bootstrap是基于jQuery的，因此應(yīng)該先引用jQuery的庫，所以把這部分代碼放在
<script?src="js/jquery.min.js"></script> <script?src="js/bootstrap.min.js"></script> <script?src="js/bootstrap.js"></script>
的前面就可以了。我在本機(jī)上進(jìn)行修改后響應(yīng)式導(dǎo)航欄是正常的。
希望能夠?qū)δ阌兴鶐椭?br />
-
hudy特別感謝！
添加回答
舉報
0/150
提交
取消