我正在尝试使用左对齐和右对齐的引导导航栏。
这是我右边部分的代码:
<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的填充,但是当页面实际渲染时,盒子的内容和右边的滚动条之间没有空格。页。
这是一个证明问题的方法: http://jsfiddle.net/YQKZ3/。
编辑:似乎问题只发生在 nav
元素有类 navbar-fixed-top
。是什么原因导致包含该类(需要)来填充右对齐的东西上的填充?