CSSを使用してnavbarをタブに変更するにはどうすればよいですか？

Question

CSSを使ってナビバをタブに変更したいのですが、使用できる角度UIがありますが、これをCSSを使用して実装したいと思います。この点については、どんな助力にも感謝します。

main.htmlを

<nav class="navbar navbar-default"> 
    <div > 
     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li ui-sref-active="active"><a ui-sref="app.dit">DIT</a></li> 
       <li ui-sref-active="active"><a ui-sref="app.st">ST</a> 
       <li ui-sref-active="active"><a ui-sref="app.uat">UAT</a></li> 
       <li ui-sref-active="active"><a>PROD</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 

Answer 1

あなたがしたい場合は、「ブートストラップタブ」のクラスを使用して、必要に応じてCSSを変更することができます。

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_pills_dynamic&stacked=h

は、ここでは、コード

です