cg5*_*505 11 css twitter-bootstrap twitter-bootstrap-3
我试图使用一个左对齐和右对齐的引导导航栏.
这是我右边部分的代码:
<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>
Run Code Online (Sandbox Code Playgroud)
这是在.navbar > .navbar-collapse.这在大多数情况下都有效,除了右边的填充不受尊重.
我已经测试过chrome和firefox,在这两种情况下,检查员的盒子模型在右边显示15px的填充,但是当页面实际呈现时,盒子的内容和右边的滚动条之间没有空格.页.
这是一个证明问题的jsfiddle:http://jsfiddle.net/YQKZ3/.
编辑:似乎问题只发生在nav元素具有类时navbar-fixed-top.是什么导致包含该类(需要)来填充右对齐的东西上的填充?
Chr*_*ina 14
在.navbar内部需要一个.container然后调整css.
.navbar > .container {width:auto;}
Run Code Online (Sandbox Code Playgroud)
在几天左右3.1.0将会出来,然后你可以使用.container-fluid并删除那个css.
文档是错误的,这里是repo中的线程:https://github.com/twbs/bootstrap/issues/11783