title: Stacked Tabs in Bootstrap 3
body: <p>I am trying to implement left-aligned stacked tabs using the Tab jquery plugin in Bootstrap 3 where tabs are rendered vertically to the left of tab content, rather than on top. When I try the following;</p>
  
  <pre><code>   &lt;ul class="nav nav-tabs nav-stacked"&gt;
          &lt;li&gt;&lt;a href="#tab1" data-toggle="tab"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab2" data-toggle="tab"&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab3" data-toggle="tab"&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
  
      &lt;div class="tab-content"&gt;
          &lt;div class="tab-pane fade" id="tab1"&gt;
              Tab 1 content
          &lt;/div&gt;
          &lt;div class="tab-pane fade" id="tab2"&gt;
              Tab 2 content              
          &lt;/div&gt;
          &lt;div class="tab-pane fade" id="tab3"&gt;
              Tab 3 content
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Tabs are stacked on top of each other, but are not properly rendered as being turned to the left, instead they are just horizontal tabs stuck on top of each other. Tab content is properly shown/hidden in the content divs. </p>
  
  <p>This was handled in Bootstrap 2.x using the <strong>tab-left</strong> and <strong>tab-right</strong> classes, but this is deprecated in Bootstrap 3 and doesn't really seem to be replaced with anything. Does anyone know if proper left-right tab rendering is possible in the Bootstrap 3 Tab plugin?</p>