Question

我正在尝试使用左对齐和右对齐的引导导航栏。

这是我右边部分的代码：

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

编辑：似乎问题只发生在nav元素具有类navbar-fixed-top时。是什么导致包含该类（需要）来填充右对齐事物上的填充？

Answer 1

http://jsfiddle.net/jmJWr/

在.navbar内部需要一个.container然后调整css。

.navbar > .container {width:auto;}

在几天左右3.1.0会出来，然后你可以使用.container-fluid并删除那个css。

文档错误，这里是回购中的主题：https://github.com/twbs/bootstrap/issues/11783

bootstrap 3 navbar-right没有使用navbar-fixed-top填充

1 个答案:

http://jsfiddle.net/jmJWr/