Come faccio a centrare questi link di navigazione 3 di bootstrap su Twitter?

Question

Mi chiedo come posso centrare le voci del menu della barra di navigazione di bootstrap 3. So che hanno incluso una classe .nav-justified ma che entrerà in conflitto solo con navbar-nav se usato insieme. Credo che sia stato esaminato dalla squadra di sviluppo.

Quindi c'è un problema con i CSS che posso ottenere una barra di navigazione che manterrà gli elementi del menu della barra di navigazione/collegamenti giustificati anche quando il contenitore in cui si trova viene ridimensionato.

Ecco uno Jsfiddle per te se ne hai bisogno.

Answer 1

La classe .nav-justifed deve essere utilizzato con nav-tabs/nav-pills (vedi bootstrap docs) e non nav-bar. I due concetti sono molto diversi e non dovrebbero essere confusi.

Tuttavia, è possibile ottenere l'effetto che stai cercando aggiungendo il seguente css:

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

nav-justified ora gioca piacevole con navbar-nav:

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

Vedi updated jsFiddle.

Answer 2

Se usando meno, è possibile effettuare le seguenti operazioni:

.navbar-nav { 
    .nav-justified; 
}