title: Bootstrap 3: Nested tab
body: <p>I am trying to put a tab inside of a tab, but whenever I click a inner nested tab, the entire inner nested tab row goes away. Here is an example in a jsfiddle</p>
  
  <p><a href="http://jsfiddle.net/jNWMY/1/" rel="nofollow">http://jsfiddle.net/jNWMY/1/</a></p>
  
  <p>Try clicking "Acquisitions/Facebook" tab. You will notice the second row of tabs just disappear.</p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;h1&gt; Dashboard &lt;/h1&gt;
  
  &lt;ul class="nav nav-tabs" id="dashboard_tabs"&gt;
      &lt;li&gt;&lt;a href="#acquisition_tab" data-toggle="tab"&gt;&lt;b&gt;Acquisition&lt;/b&gt; &lt;span style="color:red"&gt;(-30%)&lt;/span&gt; &lt;br&gt; Total Installs&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#engagement_tab" data-toggle="tab"&gt;Engagement&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#retention_tab" data-toggle="tab"&gt;Retention&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#revenue_tab" data-toggle="tab"&gt;Revenue&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="tab-content"&gt;
  
      &lt;div id="acquisition_tab" class="tab-pane"&gt;
          &lt;ul class="nav nav-tabs" id="dashboard_tabs"&gt;
              &lt;li&gt;&lt;a href="#all_acquisition_tab" data-toggle="tab"&gt;&lt;b&gt;All&lt;/b&gt; &lt;span style="color:red"&gt;(-30%)&lt;/span&gt; &lt;br&gt; Total Installs&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#facebook_acquisition_tab" data-toggle="tab"&gt;&lt;b&gt;Facebook&lt;/b&gt; &lt;span style="color:red"&gt;(-30%)&lt;/span&gt; &lt;br&gt; Total Installs&lt;/a&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#yahoo_acquisition_tab" data-toggle="tab"&gt;&lt;b&gt;Yahoo&lt;/b&gt; &lt;span style="color:red"&gt;(-30%)&lt;/span&gt; &lt;br&gt; Total Installs&lt;/a&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div id="engagement_tab" class="tab-pane"&gt;
          &lt;p&gt; Engagement tab &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div id="retention_tab" class="tab-pane"&gt;
          &lt;p&gt; Retention tab &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div id="revenue_tab" class="tab-pane"&gt;
          &lt;p&gt; Revenue tab &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div id="all_acquisition_tab" class="tab-pane"&gt;
          &lt;p&gt; All acquisition &lt;/p&gt;
      &lt;/div&gt;  
  
      &lt;div id="facebook_acquisition_tab" class="tab-pane"&gt;
          &lt;p&gt; All acquisition &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div id="yahoo_acquisition_tab" class="tab-pane"&gt;
          &lt;p&gt; All acquisition &lt;/p&gt;
      &lt;/div&gt;  
  
  &lt;/div&gt;
  </code></pre>