Css 引导：如何创建一个选项卡式导航，该选项卡显示所有部分？

我正在使用引导文档中的示例代码

<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <p>I'm in Section 1.</p>
    </div>
    <div class="tab-pane" id="tab2">
      <p>Howdy, I'm in Section 2.</p>
    </div>
  </div>
</div>

我在第一区

你好，我在第二区

我正在尝试重新创建这个功能，在导航的开始处有一个标签，标签上写着“所有”，并且该标签显示所有的部分，但不知道如何操作。

您可以像这样添加“所有”标签

<ul class="nav nav-tabs">
    <li><a id="tabAll">All</a></li>
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
    <li><a href="#tab3" data-toggle="tab">Section 3</a></li>
</ul>

例如：

此方法也适用于Bootstrap 3。

您可以像这样添加“所有”选项卡

<ul class="nav nav-tabs">
    <li><a id="tabAll">All</a></li>
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
    <li><a href="#tab3" data-toggle="tab">Section 3</a></li>
</ul>

例如：

---

此方法也适用于Bootstrap 3。

将此方法用作允许用户在选项卡式布局和内联布局之间切换的基础。很好的提示。这是允许用户在选项卡式和内联式布局之间切换的基础。很好的提示。