今天用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中文網其他相關文章！
