如何在 Twitter 的 Bootstrap 导航栏中正确使用偏移量？答案

【问题标题】：How to properly use offset within Twitter's Bootstrap navbar?如何在 Twitter 的 Bootstrap 导航栏中正确使用偏移量？
【发布时间】：2012-02-17 22:08:44
【问题描述】：

我将offset1 span6 用于主要内容，并希望将其应用于navbar 内容，但它无法正常工作 - 请参阅live demo。

【问题讨论】：

标签： css twitter-bootstrap

【解决方案1】：

偏移量仅在.row 的上下文中起作用，因此将.row 类添加到您的导航栏div 中就可以正常工作了。

<div class="row navbar-inner"> ... </div>

演示：http://jsfiddle.net/fJU4K/1/

【讨论】：

几乎正确 ;) 正如 github (github.com/twitter/bootstrap/issues/1994) 上的回答：span 类并不打算在容器上使用。如果您想要我认为您想要的预期效果，请在一行内的网格列上使用它们。在 Scaffolding 下查看网格文档以了解如何使用它们。
@LA_ 嗯，令人困惑，但是“如果您想要预期的效果，请在一行内使用它们在网格列上”但这并不意味着最终相同?
我没试过你的方法，我试过<div class="navbar navbar-fixed-top"><div class="navbar-inner"><div class="container"><div class="row offset1 span7">，效果很好。
@LA_ 刚刚在我发布的上述小提琴中尝试了您的方法，得到了时髦的结果，但这一定是因为设置。但我相信它应该是一样的，只要偏移量在一行内它就应该起作用。

【解决方案2】：

检查一下： http://jsfiddle.net/taZjV/

诀窍是 a）从行中删除“offset1 span6”并使其成为自己的div， b) 从导航栏中删除 navbar-fixed-top c) 在 offset1 span6 div 内移动导航栏

【讨论】：

谢谢，但这并不是我想要的——（1）导航栏本身现在有偏移量，当只有导航栏的内容应该有它时，（2）它没有固定在顶部 - jsfiddle.net/and7ey/taZjV/5。而且整体方法看起来不太好 - .container 在 .container 内。