我正在测试Bootstrap 3.3.5并且我下载了this主题并且我已加载到我的页面。
<head>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link href="bootstrap.min.css" rel="stylesheet"> //theme's css
<link href="custom.css" rel="stylesheet">//some modifications to colors
</head>
这是nav
body
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" datatoggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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="#">Blog</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbarcollapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Archive</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</nav>
取自&#34;扩展Bootstrap&#34;作者:Christoffer Niska。该网站具有响应性,因此,当我缩小浏览器尺寸时,我会看到汉堡基本菜单Ξ
但是当我点击它时,它不会显示菜单。我在控制台中没有错误,所以我不知道如何解决这个问题。有什么建议吗?
答案 0 :(得分:2)
这是一个错字:#bs-example-navbar-collapse-1
不评估为bs-example-navbarcollapse-1
(错过短划线),datatoggle
应为data-toggle
。代码适用于所做的更改:http://jsfiddle.net/gxres9o2