引导程序中的响应式菜单

时间:2013-09-22 21:44:46

标签: twitter-bootstrap menu

通过一些教程来获取bootstrap。在视频中讲述了所有内容,但是,我仍然没有通过按钮获得响应效果。 教程就在这里 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>

我错过了什么?其中一个选择是让它变得流畅,但我仍然想学习使用按钮。

1 个答案:

答案 0 :(得分:0)

查看此网址。我希望它能解决您的问题 - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-navbar.php