title: angular ui bootstrap ng-repeat tabs
body: <p>How can I use ng-repeat in angular bootstrap  ? </p>
  
  <pre><code>  // styling does not work
    &lt;uib-tabset active="activePill" vertical="true" type="pills"&gt;
      &lt;span ng-repeat="tab in tabs track by $index"&gt;
        &lt;uib-tab index="$index" heading="{{ tab.title }}"&gt;{{ tab.content }}&lt;/uib-tab&gt;
      &lt;/span&gt;
    &lt;/uib-tabset&gt;
  </code></pre>
  
  <p>What am I missing? where should the ng-repeat go to preserve styling?</p>
  
  <p><a href="https://plnkr.co/edit/QjHCxa0usskvfW7582Qr?p=preview" rel="nofollow">plunkr</a></p>