title: UI Bootstrap uib-tabs panel right
body: <p>Using vertical tabs in UI Bootstrap 14.3, how do you align the content to the right of the tab rather than underneath the tabs?   </p>
  
  <pre><code>&lt;uib-tabset vertical="true" type="pills"&gt;
      &lt;uib-tab heading="Vertical 1"&gt;Vertical content 1&lt;/uib-tab&gt;
      &lt;uib-tab heading="Vertical 2"&gt;Vertical content 2&lt;/uib-tab&gt;
  &lt;/uib-tabset&gt;
  </code></pre>
  
  <p>I have tried <code>class="tabs-left"</code> but that doesnt work.</p>
  
  <p>Example <a href="http://plnkr.co/edit/IEMf6BDju3eUdBUqlYEV?p=preview" rel="nofollow">Plunker Example</a></p>