如何制作菜单、导航栏 nav-pills nav-stacked collapse Twitter-bootstrap 3.0答案

【问题标题】：How to make menu, navbar nav-pills nav-stacked collapse Twitter-bootstrap 3.0如何制作菜单、导航栏 nav-pills nav-stacked collapse Twitter-bootstrap 3.0
【发布时间】：2013-09-22 06:52:06
【问题描述】：

我有这个代码，我想让这个菜单在移动设备上折叠

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

我想这样做：

【问题讨论】：

你没有在 bootstrap 中使用响应式 css 文件吗？添加丢失的文件。
我正在使用，检查新的引导程序。 Bootstrap 3 没有 bootstrap.responsive.css 。所有代码都在 bootstrap.css getbootstrap.com - 下载编译文件。并检查 Bootstra/dist/*

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

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

查看：makes nav-pills collapsable just like nav-bar in bootstrap

【讨论】：

【解决方案2】：

试试下面的代码。这应该可以帮助你。我从您提供的参考链接中假设您需要什么。虽然我猜那个网站没有使用引导程序。

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

【讨论】：

这并没有显示任何与导航药片相关的内容。阅读问题。