如何制作菜單，導航欄，導航葯片，導航堆棧折疊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

我發現了一個類似的問題，該問題似乎有詳細的答案，對您有用。 它對我來說並不完美，但是似乎比以前更加接近。

檢查一下： 使nav-pills可折疊，就像引導程序中的nav-bar

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

您應該從文檔中獲得更多幫助

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