twitter-bootstrap 引导程序中的响应式菜单
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/18949075/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
responsive menu in bootstrap
提问by sharls
Going through some tutorials for bootstrap. Did everything as is told in the video, but still, i don't get that responsive effect with a button. Tutorial is here http://www.youtube.com/watch?v=K2tOSnnlyiw&list=PLKlA1QwYBcmcEUUBSmkl8_kgwn-_zuy-WMy code
浏览一些引导程序的教程。做了视频中所说的一切,但仍然没有通过按钮获得响应效果。教程在这里 http://www.youtube.com/watch?v=K2tOSnnlyiw&list=PLKlA1QwYBcmcEUUBSmkl8_kgwn-_zuy-W我的代码
<div class="navbar-inner">
<a href="#" class="brand"></a>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="divider-vertical"></li>
<li><a href="#">HOME</a></li>
<li class="divider-vertical"></li>
<li><a href="#">ABOUT</a></li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">SERVICS <a class="caret"></a></a>
<ul class="dropdown-menu">
<li><a href="#">Service 1</a></li>
<li><a href="#">Service 2</a></li>
<li class="divider"></li>
<li><a href="#">Service 3</a></li>
</ul>
</li>
<li class="divider-vertical"></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</div>
</div>
What am I missing? One of the options would be to make it fluid, but i still want to learn making it work with the button.
我错过了什么?一种选择是让它变得流畅,但我仍然想学习让它与按钮一起工作。
回答by Alex
Check out this URL. I hope it will solve your problem - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-navbar.php
看看这个网址。我希望它能解决您的问题 - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-navbar.php

