1

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

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

我想这样做：

折叠导航示例

4

2 回答 2

2

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

检查一下：让 nav-pills 像 bootstrap 中的 nav-bar 一样可折叠

于 2014-07-11T04:29:35.927 回答
-5

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

<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

于 2013-09-18T08:07:37.717 回答