今天用Bootstrap練習(xí)仿站時，發(fā)現(xiàn)目標(biāo)站導(dǎo)航欄的菜單是居中排版方式，而Bootstrap貌似沒有導(dǎo)航菜單居中的樣式，著實折騰了很久，多次測試終于找到了解決方法。

第一種方法：給div和ul添加如下樣式：（推薦學(xué)習(xí)：Bootstrap視頻教程）

<div class="navbar-collapse collapse" style="text-align: center;">   <ul class="nav navbar-nav" style="display: inline-block;float: none;">     <li class="">         <a href="#">首頁</a>     </li>     <li class="">         <a href="#">加入我們</a>     </li>     <li class="">         <a href="#">聯(lián)系我們</a>     </li>   </ul> </div>

第二種方法：

<div class="navbar-collapse collapse">   <ul class="nav navbar-nav">     <li class="">         <a href="#">首頁</a>     </li>     <li class="">         <a href="#">加入我們</a>     </li>     <li class="">         <a href="#">聯(lián)系我們</a>     </li>   </ul> </div>

添加如下樣式：

.navbar-nav {   float: none;   text-align:center; } ul.nav.navbar-nav  li {     float:none;     display: inline-block;     margin: 0em; }

更多Bootstrap相關(guān)技術(shù)文章，請訪問Bootstrap教程欄目進行學(xué)習(xí)！