如何制作菜单，navbar nav-pills nav-stacked折叠Twitter-bootstrap 3.0

Question

我有这个代码，我想让这个菜单崩溃为移动设备

<nav class="navigation">
    <ul class="nav nav-pills nav-stacked" id="nav-menu">
        <li class="active" ><a href="index.php">Domov</a></li>
        <li><a href="#">Koncerty</a></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Download</a></li>
        <li><a href="#">Kontakty</a></li>
        <li><a href="#">Troll</a></li>
     </ul>
</nav>

我想这样做：

Answer 1

我发现了一个类似的问题，似乎有一个对你有用的详细答案。它对我来说并不完美，但它确实比以前更接近。

检查出来：makes nav-pills collapsable just like nav-bar in bootstrap

Answer 2

尝试以下代码。这应该对你有帮助。我假设您提供的参考链接需要什么。虽然那个网站我猜不是使用bootstrap。

<nav class="navbar navbar-default" role="navigation">
  <div class="">
    <ul class="nav navbar-nav">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li><a href="#">Separated link</a></li>
          <li><a href="#">One more separated link</a></li>
        </ul>
      </li>
    </ul>
  </div><!-- /.navbar-collapse -->
</nav>

您应该从文档中获得更多帮助

http://getbootstrap.com/components/#navbar