Wie Inhalt der vertikalen Registerkarte standardmäßig mit AngularJS

Question

ausgeblendet Ich versuchte den Code von Sergey Romanov über vertikale Tabs mit AngularJS, es funktioniert gut, danke :). Aber ich habe eine Frage, ich möchte die Breite des Inhalts der Registerkarte angeben, aber wenn ich meine CSS-Datei hinzugefügt, funktioniert es nicht mehr, der Inhalt erschien standardmäßig. Kannst du mir helfen?

html-Datei:

<div class="container"> 
     <div class="row row2" ng-controller="optionsMenu"> 
      <div class="tabbable"> 
       <ul class="nav nav-tabs nav-stacked nav-pills" role="tablist"> 
        <li ng-class="{'active': view_tab == 'tab1'}"> 
         <a class="btn-lg" ng-click="changeTab('tab1')" href=""><span class="glyphicon glyphicon-search"></span></a> 
        </li> 
        <li ng-class="{'active': view_tab == 'tab2'}"> 
         <a class="btn-lg" ng-click="changeTab('tab2')" href=""><span class="glyphicon glyphicon-share"></span></a> 
        </li> 
       </ul> 


       <div class="tab-content"> 
        <div class="tab-pane" ng-show="view_tab == 'tab1'"> 
           This is tab 1 content 
        </div> 
        <div class="tab-pane" ng-show="view_tab == 'tab2'"> 
           This is tab 2 content 
        </div> 
       </div> 
     </div> 
     </div> 
    </div> 

CSS-Datei:

.tabbable{ 
    position: relative; 
    background:rgb(200,200,200); 
    padding:0; 
    width:50px; 
} 
.tab-content{ 
    position:absolute; 
    height: 100%; 
    width: 300px; 
    background-color: blue; 
    left:100%; 
    top:0; 
} 

.tabbable ul{ 
    width:100%; 
    height: 100% 
} 
.tabbable ul li{ 
    border-bottom:1px solid rgb(150,150,150); 
} 

.row2{ 
    position: absolute; 
    min-width: 350px; 
    height: 20%; 
    left: 35px; 
    top: 60px; 
} 

Thankx Voraus

Answer 1

Es tut mir leid zu spät für bieng. Ich benutze Navbar gestapelt Bootstrap, ich bin nur hinzugefügt, um meine Seite. Nach vielen Versuchen finde ich heraus, dass die Lösung nicht kompliziert ist :), nur muss ich die Breite des Tab-Bereichs und nicht den Tab-Inhalt angeben.