這篇文章將為大家詳細講解有關bootstrap導航欄如何實現居中，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
第一種方法：給div和ul添加如下樣式：
<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導航欄如何實現居中就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
