Bootstrap系列 -- 39. 導航條新增標題

 

　　在Web頁面製作中，常常在選單前面都會有一個標題（文字字號比其它文字稍大一些），其實在Bootstrap框架也為大家做了這方面考慮，其通過“navbar-header”和“navbar-brand”來實現。

 

<div class="navbar navbar-default" role="navigation">
  　<div class="navbar-header">
  　    <a href="##" class="navbar-brand">導航條</a>
  　</div>
    <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>