当浏览器窗口处于手机大小时,我需要显示navbar-toggle
,当用户单击它时,我想显示一个列表(类似于此http://getbootstrap.com/examples/navbar-static-top/)。
任何想法如何解决我的代码?
http://jsfiddle.net/D2RLR/7492/
<div class="container">
<!-- navbar -->
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">KanbanBoard</a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="navbar-collapse collapse">
<button type="button" class="btn btn-default navbar-btn">Boards</button>
<button type="button" class="btn btn-default navbar-btn navbar-right"><span class="glyphicon glyphicon-cog"></span> MY NAME</button>
</div>
</div>
</nav>
<!-- boards -->
<div ng-view></div>
</div>
Muke确定您已经添加了JQuery一段时间,应该将其添加到页面顶部
如果您想使用CDN
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句