/ / Centrando Navbar Content quando não está corrigido com o Twitter Bootstrap? - css, twitter, twitter-bootstrap, centragem

Centralizar o conteúdo da Navbar quando não estiver corrigido com o Twitter Bootstrap? - css, twitter, twitter-bootstrap, centragem

Estou tentando centralizar o "conteúdo" na barra de navegação. Quando é "navbar-fixed-top", os menus da UL são centralizados. No entanto, desde que eu não quero corrigir o menu para o topo eu remover essa classe, mas agora os menus não estão centralizados. Está flutuando para o lado esquerdo. Deve estar alinhado com as margens do contêiner. Parecido com http://twitter.github.com/bootstrap/scaffolding.html mas eu não quero que isso seja consertado no topo.

insira a descrição da imagem aqui

Este é o código

        <div class="navbar ">
<div class="navbar-inner">
<div class="container" >
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>

Respostas:

6 para resposta № 1

Usar navbar-static-top.

Confira a última versão de bootstrap se não funcionar.


3 para resposta № 2

Este costumava ser o comportamento padrão, pelo menosfuncionou na versão 2.0.1, mas parece que houve algumas mudanças nas versões mais recentes, de modo que o conteúdo da barra de navegação não está mais centralizado quando a barra de navegação não está fixa.

A solução parece ser adicionar o seguinte ao seu CSS:

.navbar-inner > .container { width:940px; }