2013-08-11 8 views
11

私は、どのようにブートストラップ3のナビゲーションバーメニュー項目を中心に置くことができるのだろうかと思っています。私は彼らが.nav-justifiedクラスを含んでいたことを知っていますが、一緒に使用された場合はnavbar-navと競合します。私はそれが開発チームによって検討されていると信じています。これらのTwitterブートストラップ3 navbarリンクをどのように中央に配置しますか?

CSSを使用すると、ナビゲーションバーのメニューアイテム/リンクが保持されているコンテナのサイズが変更されても、そのままにすることができます。

必要に応じてJsfiddleを入力してください。

答えて

28

.nav-justifedクラスはnav-tabs/nav-pillsbootstrap docsを参照)ではないnav-barと共に使用されます。 2つの概念は非常に異なり、混乱させるべきではありません。

しかし、あなたは以下のcssを追加することによって、あなたが探している効果を得ることができます:

.navbar-nav.nav-justified > li{ 
    float:none; 
} 

nav-justifiedは今navbar-navと素敵果たし:

<ul class="nav navbar-nav nav-justified"> 

updated jsFiddleを参照してください。

5

LESSを使用している場合は、次の操作を行うことができます。以下を使用している人々のための

.navbar-nav { 
    .nav-justified; 
} 
+0

完璧な答えを。 +1 –

関連する問題