title: Bootstrap: How to create a tabbable nav with a tab that displays all the sections?
body: <p>I'm working with the example code from the bootstrap documentation.</p>
  
  <pre><code>&lt;div class="tabbable"&gt; &lt;!-- Only required for left/right tabs --&gt;
    &lt;ul class="nav nav-tabs"&gt;
      &lt;li class="active"&gt;&lt;a href="#tab1" data-toggle="tab"&gt;Section 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tab2" data-toggle="tab"&gt;Section 2&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div class="tab-content"&gt;
      &lt;div class="tab-pane active" id="tab1"&gt;
        &lt;p&gt;I'm in Section 1.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="tab-pane" id="tab2"&gt;
        &lt;p&gt;Howdy, I'm in Section 2.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to recreate this with the ability to have a tab at the beginning of the nav labeled "All" and for that tab to show all the sections, but not sure how to go about it.</p>