Bootstrap系列 -- 37. 基礎導航樣式

賀臣發表於2015-06-26

 

  Bootstrap框架中製作導航條主要通過“.nav”樣式。預設的“.nav”樣式不提供預設的導航樣式,必須附加另外一個樣式才會有效,比如“nav-tabs”、“nav-pills”之類。比如右側程式碼編輯器中就有一個tab導航條的例子,他的實現方法就是為ul標籤加入.nav和nav-tabs兩個類樣式

<ul class="nav nav-tabs">
    <li><a href="##">Home</a></li>
    <li><a href="##">CSS3</a></li>
     <li><a href="##">Sass</a></li>
     <li><a href="##">jQuery</a></li>
     <li><a href="##">Responsive</a></li>
</ul>

 

相關文章