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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 18:31:31  来源:igfitidea点击:

responsive menu in bootstrap

twitter-bootstrapmenu

提问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