Подтвердить что ты не робот

Bootstrap 3 navbar-right no padding с navbar-fixed-top

Я пытаюсь использовать навигационную панель загрузки с выравниванием по левому краю и выравниванием по правому краю.

Здесь код, который у меня есть для части справа:

<ul class="nav navbar-nav navbar-right">      
  <p class="navbar-text">Logged in as Some Person</p>
  <li>
    <a href="/log_out">Log out</a>
  </li>
</ul>

Это находится в пределах .navbar > .navbar-collapse. Это работает по большей части, за исключением того, что прокладка справа не соблюдается.

Я тестировал на chrome и firefox, и в обоих случаях модель блока-инспектора показывает 15px отступов справа, но когда страница действительно отображается, между содержимым поля и полосой прокрутки на пробеле нет пробела справа от страницы.

Здесь jsfiddle демонстрирует проблему: http://jsfiddle.net/YQKZ3/.

EDIT: Похоже, что проблема возникает только тогда, когда элемент nav имеет класс navbar-fixed-top. Что вызывает включение этого класса (что необходимо), чтобы испортить прописку с выравниванием по правому краю?

4b9b3361

Ответ 1

http://jsfiddle.net/jmJWr/

Требуется .container только внутри .navbar, затем настройте css.

.navbar > .container {width:auto;}

Через несколько дней появится 3.1.0, затем вы можете использовать .container-fluid и удалить этот css.

Документация неверна, вот поток в репо: https://github.com/twbs/bootstrap/issues/11783