bootstrap 3のナビゲーションバーメニュー項目を中央に配置するにはどうすればよいか疑問に思っています。.nav-justified
クラスが含まれていることはわかっていますが、使用するとnavbar-nav
と競合します。一緒に。開発チームによって調査されていると思います。
それで、CSSを使って回避策があり、それが入っているコンテナーのサイズが変更された場合でも、ナビゲーションバーのメニュー項目/リンクを正当化するナビゲーションバーを実現できます。
これが Jsfiddle 必要な場合に役立ちます。
.nav-justifed
クラスはnav-tabs
/nav-pills
( bootstrap docs を参照)で使用され、nav-bar
では使用されません。 2つの概念は非常に異なり、混同しないでください。
ただし、次のcss
を追加することで、探している効果を実現できます。
.navbar-nav.nav-justified > li{
float:none;
}
nav-justified
はnavbar-nav
でうまく機能します:
<ul class="nav navbar-nav nav-justified">
更新されたjsFiddle を参照してください。
LESSを使用する場合は、次の操作を実行できます。
.navbar-nav {
.nav-justified;
}