Angularjs bootstrap tabs example

Based on Angular material  I make a example for Angular Tabs with responsive

Angular material define <md-tabs><md-tabs> for tabs container,

<md-tab>...</md-tab> for Tab.

  
Angular Tabs image
 

Full html struct example as following:

 <div ng-cloak>  
  <md-content>  
   <md-tabs md-dynamic-height md-border-bottom>  
    <md-tab label="lableoftab1">  
     <md-content class="md-padding">  
      Content Tab 1  
     </md-content>  
    </md-tab>  
    <md-tab label="lableoftab2">  
     <md-content class="md-padding">  
      Content Tab 3  
     </md-content>  
    </md-tab>  
    <md-tab label="lableoftab3">  
     <md-content class="md-padding">  
      Content Tab 3  
     </md-content>  
    </md-tab>  
   </md-tabs>  
  </md-content>  
 </div>  

Demo and source code as following link

Angular Tab demo