title: AngualarJS bootstrap Tab set Active item
body: <p>I am trying to set second tab as an active one, unfortunately heading goes off.
  Is there anything i am missing?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;tabset&gt;
     &lt;tab disabled="true"&gt;
        &lt;tab-heading&gt;&lt;i class="fa fa-bell"&gt;&lt;/i&gt; First tab&lt;/tab-heading&gt;
        &lt;tab-content&gt; 
           fixed tab content 
        &lt;/tab-content&gt;
     &lt;/tab&gt;
     &lt;tab active="true"&gt;
        &lt;tab-heading&gt;&lt;i class="fa fa-bell"&gt;&lt;/i&gt; First tab&lt;/tab-heading&gt;
        &lt;tab-content&gt; 
           First content 
        &lt;/tab-content&gt;
     &lt;/tab&gt;
     &lt;tab&gt;
        &lt;tab-heading&gt;&lt;i class="fa fa-bell"&gt;&lt;/i&gt; Second Tab&lt;/tab-heading&gt;
        &lt;tab-content&gt; 
           Second content 
        &lt;/tab-content&gt;
     &lt;/tab&gt;
  &lt;/tabset&gt;       
  </code></pre>