                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /基于bootstrap的網(wǎng)頁開發(fā)

頁面變小時顯示三條橫線，但是點擊沒反應(yīng)，導(dǎo)航出不來

<!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>瀏覽器博物館</title>

? ?
<link href="css/bootstrap.min.css" rel="stylesheet">

? ?
</head>
<body>
? ?<nav class="nav navbar-default" role="navigation">
? ? ? ?<div class="container-fluid">
? ? ? ? ? ?<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
? ? ? ? ? ? ? ?<span class="sr-only">Toggle navgation</span>
? ? ? ? ? ? ? ?<span class="icon-bar"></span>
? ? ? ? ? ? ? ?<span class="icon-bar"></span>
? ? ? ? ? ? ? ?<span class="icon-bar"></span>
? ? ? ? ? ?</button>
? ? ? ? ? ?<a href="#" class="navbar-brand">Brand</a>
? ? ? ?</div>
? ? ? ?<div class="collapse nabar-collapse" id="bs-example-navbar-collapse-1">
? ? ? ? ? ?<ul class="nav navbar-nav">
? ? ? ? ? ? ? ?<li class="active"><a href="#">Link</a></li>
? ? ? ? ? ? ? ?<li><a href="#">Link</a></li>
? ? ? ? ? ?</ul>
? ? ? ?</div>
? ?</nav>
<script src="js/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

weibo_時間煮雨我煮面022_0

2016-09-21

源自：基于bootstrap的網(wǎng)頁開發(fā) 3-1

關(guān)注問題我要回答

2087

操作

收起

2 回答

qq_大步向前_04036860
2016-09-28

少了一個div

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

weibo_時間煮雨我煮面022_0 提問者
2016-09-21

<!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>瀏覽器博物館</title>

????<!--?Bootstrap?-->
?<link?href="css/bootstrap.min.css"?rel="stylesheet">

????<!--[if?lt?IE?9]>
????<script?src="js/html5shiv.js"></script>
????<script?src="js/respond.min.js"></script>
????<![endif]-->
</head>
<body>
????<nav?class="nav?navbar-default"?role="navigation">
????????<div?class="container-fluid">
????????????<button?type="button"?class="navbar-toggle?collapsed"?data-toggle="collapse"?data-target="#bs-example-navbar-collapse-1">
????????????????<span?class="sr-only">Toggle?navgation</span>
????????????????<span?class="icon-bar"></span>
????????????????<span?class="icon-bar"></span>
????????????????<span?class="icon-bar"></span>
????????????</button>
????????????<a?href="#"?class="navbar-brand">Brand</a>
????????</div>
????????<div?class="collapse?nabar-collapse"?id="bs-example-navbar-collapse-1">
????????????<ul?class="nav?navbar-nav">
????????????????<li?class="active"><a?href="#">Link</a></li>
????????????????<li><a?href="#">Link</a></li>
????????????</ul>
????????</div>
????</nav>
<script?src="js/jquery/1.11.1/jquery.min.js"></script>
<script?src="js/bootstrap.min.js"></script>
</body>
</html>