Bootstrap导航栏

Question

我知道如何让引导程序的下拉菜单在屏幕上传播，但我不知道如何通过标题使链接显示如下。

当我在下拉菜单中添加链接时，它们只显示在另一个下方，我如何才能实现上述结果？ 三江源

Answer 1

您需要的是提出正确的问题。这已在此处发布：twitter bootstrap - multi column dropdown。您需要一个多列下拉列表。

Answer 2

如果您使用bootstrap，那么您可以简单地执行此操作：

   <nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">Page 1-1</a></li>
          <li><a href="#">Page 1-2</a></li>
          <li><a href="#">Page 1-3</a></li>
        </ul>
      </li>
      <li><a href="#">Page 2</a></li>
<ul class="dropdown-menu">
          <li><a href="#">Page 2-1</a></li>
          <li><a href="#">Page 2-2</a></li>
          <li><a href="#">Page 1-3</a></li>
        </ul>
      </li>
      <li><a href="#">Page 3</a></li>
    </ul>
  </div>
</nav>