Próbuję wyśrodkować "zawartość" na pasku nawigacyjnym. Kiedy jest "navbar-fixed-top", menu UL są wyśrodkowane. Ponieważ jednak nie chcę naprawiać menu na górze, usuwam tę klasę, ale teraz menu nie są wyśrodkowane. Płynie po lewej stronie. Powinien być wyrównany do marginesów pojemnika. Podobny do http://twitter.github.com/bootstrap/scaffolding.html ale nie chcę, żeby to było naprawione.
To jest kod
<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>
Odpowiedzi:
6 dla odpowiedzi № 1Posługiwać się navbar-static-top
.
Sprawdź najnowszą wersję bootstrap, jeśli to nie działa.
3 dla odpowiedzi № 2
Kiedyś było to domyślne zachowaniedziałało w wersji 2.0.1, ale wydaje się, że nastąpiły pewne zmiany w najnowszych wersjach, tak że zawartość paska nawigacyjnego nie jest już wyśrodkowana, gdy pasek nawigacyjny nie jest naprawiony.
Wydaje się, że obejście problemu polega na dodaniu do Twojego CSS następujących elementów:
.navbar-inner > .container { width:940px; }