bootstrap導覽列怎麼居中

今天用Bootstrap練習仿站時，發現目標站導航列的選單是居中排版方式，而Bootstrap貌似沒有導航選單居中的樣式，著實折騰了很久，多次測試終於找到了解決方法。

第一種方法：為div和ul添加以下樣式：（推薦學習：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="#">联系我们</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="#">联系我们</a>
    </li>
  </ul>
</div>

#新增以下樣式：

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

更多Bootstrap相關技術文章，請造訪Bootstrap教學欄位進行學習！

以上是bootstrap導覽列怎麼居中的詳細內容。更多資訊請關注PHP中文網其他相關文章！