Navbar non è il centro con le regole impostazioni CSS

Question

Quindi sto cercando di centrare una navbar, Ho provato:

.navbar-nav {
display: inline-block;
}

.navbar-default {
text-align: center; 
}

.

Ma senza fortuna, si concentra solo il contenuto a discesa ... ha provato alcuni altri suggerimenti che ho trovato qui su stack overflow ma ancora non è stato in grado di concentrarlo.

Sto usando bootstrap.css e un ui.css flat-ui, forse ha a che fare con esso. Fiddle: http://jsfiddle.net/mikestardust/xz6ym/ Se qualcosa è mancante sul violino, controlla il sito Web TEMP all'indirizzo: http://tf2.site40.net

.

Grazie mille

Answer 1

Avvolgilo con container

Demo di lavoro

<div class="container">
<div class="navbar navbar-default">         
            //stuff
</div>    
</div> 

.

Aggiornamento: se si desidera che la larghezza esterna sia piena, è possibile avvolgerla con header.Grazie @kristjanreinhold

DEMO AGGIORNATO

<header class="navbar">
<div class="container">
//stuff
</div>
</header>

.

Answer 2

prova a metterlo in un <div class="container">

Answer 3

inline-block; rende solo un div come ampio il suo contenuto, da centrare, è necessario specificare anche i margini !!

.navbar-nav {
   display: inline-block;
   margin:0 auto; /* this will center the div*/
}

.