Wie zentriere ich diese Twitter Bootstrap 3 Navbar Links?

Question

Ich frage mich, wie ich die Navigationsmenüpunkte des Bootstrap 3 zentrieren kann. Ich weiß, dass sie eine .nav-justified Klasse enthalten haben, aber das wird nur mit navbar-nav kollidieren, wenn sie zusammen verwendet werden. Ich glaube, es wird vom Entwickler-Team untersucht.

Also gibt es irgendwelche Arbeit mit CSS, dass ich eine Navbar erreichen kann, die die Navbar-Menüelemente/Links auch dann gerechtfertigt hält, wenn der Container in Größe geändert wird.

Hier ist ein Jsfiddle für Sie, wenn Sie es brauchen.

Answer 1

Die .nav-justifed Klasse ist mit nav-tabs/nav-pills (siehe bootstrap docs) und nicht nav-bar verwendet werden. Die beiden Konzepte sind sehr unterschiedlich und sollten nicht verwechselt werden.

Sie können jedoch den Effekt erzielen Sie suchen, indem Sie den folgenden css:

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

nav-justified jetzt schön spielt mit navbar-nav:

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

updated jsFiddle See.

Answer 2

Wenn weniger verwenden, können Sie Folgendes tun:

.navbar-nav { 
    .nav-justified; 
}