Центрирование содержимого Navbar, если оно не исправлено с помощью Twitter Bootstrap?

Question

Я пытаюсь центрировать "контент" на панели навигации. Когда это "navbar-fixed-top", меню UL центрируются. Однако, поскольку я не хочу фиксировать меню сверху, я удаляю этот класс, но теперь меню не центрированы. Он плавает на левую сторону. Он должен быть выровнен по краям контейнера. Аналогично http://twitter.github.com/bootstrap/scaffolding.html но я не хочу, чтобы он был зафиксирован наверху.

Это код

        <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>

Answer 1

Использование navbar-static-top,

Проверьте последнюю версию начальной загрузки, если она не работает.

Answer 2

Раньше это было поведение по умолчанию, по крайней мере, оно работало в 2.0.1, но, похоже, в последних версиях произошли некоторые изменения, так что содержимое панели навигации больше не центрируется, когда панель навигации не зафиксирована.

Обходное решение заключается в добавлении следующего к вашему CSS:

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