NavBAR no tiene centro con la configuración regular de CSS

Question

Así que estoy tratando de centrar de un navaja, Lo intenté:

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

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

Pero no suerte, solo se centra en el contenido abandonado ... probó algunas otras sugerencias que encontré aquí en el desbordamiento de la pila, pero aún no pudo centrarlo.

Estoy usando bootstrap.csss y un piso-ui.css, tal vez tiene que ver con eso. Fiddle: http://jsfiddle.net/mikestardust/xz6ym/ Si falta algo en el violín, marque el sitio web de TEMP en: http://tf2.site40.net

Muchas gracias

Answer 1

envolverlo con container

Demo de trabajo

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

Actualización: Si desea que el ancho exterior sea completo, puede envolverlo con header.Gracias @kristjanreinhold

Demo actualizado

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

Answer 2

Intenta ponerlo en un <div class="container">

Answer 3

inline-block; solo hace que un div que sea tan amplio su contenido, para centrar, debe especificar los márgenes también!

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