Html 在引导程序3中堆叠两个导航栏

您将如何安排HTML以显示具有bootstrap 3的两个堆叠导航栏？在ASCII艺术中，布局应如下所示：

+-------+
| a b c |
+-------+
| d e f |
+-------+
|  ...  | <- rest of the page

+-------+
|a、b、c|
+-------+
|d e f|
+-------+
|  ...  |  没有答案，我不得不反复尝试，目前我最好的猜测是：

<nav class="navbar navbar-default" role="navigation">
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
      <li><a href="#">a</a>
      </li>
      <li><a href="#">b</a>
      </li>
      <li><a href="#">c</a>
      </li>
    </ul>
  </div>
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
      <li><a href="#">d</a>
      </li>
      <li><a href="#">e</a>
      </li>
      <li><a href="#">f</a>
      </li>
    </ul>
  </div>
</nav>



















（加宽页面或点击
Ctrl+Shift+Return
在新页面上加载草稿，因为预览很窄，工具栏可能会折叠）

即使我对折叠行为不感兴趣，我也必须添加
折叠
类，以便水平对齐按钮，否则每个按钮都是垂直堆叠的。
是因为我，还是在演示页面中看不到任何输出刚刚编辑了答案，这是因为折叠行为，加宽页面或加载草稿没有理由否决此投票。对每个人来说，留下评论或要求澄清是有益的，而不仅仅是放弃投票和离开。