Bootstrap系列 -- 38. 基礎導航條

 

　　在製作一個基礎導航條時，主要分以下幾步：

　　第一步：首先在製作導航的列表(<ul class=”nav”>)基礎上新增類名“navbar-nav”

　　第二步：在列表外部新增一個容器（div），並且使用類名“navbar”和“navbar-default”

 

　　“.navbar”樣式的主要功能就是設定左右padding和圓角等效果，但他和顏色相關的樣式沒有進行任何的設定

<div class="navbar navbar-default" role="navigation">
     <ul class="nav navbar-nav">
         <li class="active"><a href="##">網站首頁</a></li>
        <li><a href="##">系列教程</a></li>
        <li><a href="##">名師介紹</a></li>
        <li><a href="##">成功案例</a></li>
        <li><a href="##">關於我們</a></li>
     </ul>
</div>