流星的Bootstrap示例

Question

我使用Meteor（fluid.html）的bootstrap示例。我已将我的引导程序更新为最新的2.0.4。

然而，我遇到一个奇怪的问题，padding-top: 60px;与

的错误方式发生冲突

@media (max-width: 979px)
    body {
    padding-top: 0;
}

并且很好.. webkit似乎这样做（仅出于某种原因在Meteor上）：

最终看起来像这样：

（黑色条上方顶部有一个间隙） - 当然这是流畅的布局，所以需要将浏览器拖到小视图（对于iPhone / Androids / Tablets）

我如何设法让浏览器将padding-top: 0作为首选项，以便它不会这样做？或者为什么这样做（css文件以相同的顺序加载 - 先bootstrap.css然后bootstrap-responsive.css。我无法弄清楚差异

（它应该是这样的：http://twitter.github.com/bootstrap/examples/fluid.html）

Answer 1

升级到2.0.4后，我仍然遇到使用navbar-fixed-top时某些分辨率内容会被隐藏的问题。这是在某些决议中发生的事情：

在调整CSS之后我想出了以下内容，当它被添加到我的CSS文件顶部时，会修复所有分辨率：

@media (min-width: 979px) { body { padding-top: 60px; } }

希望这能解决你的问题。

Answer 2

它不只是这样做......

它不止于此。您应该检查padding-top设置的内容，通过整个面板查看设置内容，这应该告诉您问题所在。在最糟糕的情况下，您可以使用padding-top: 0 !important;，但应该知道!important是不好的建议，您应该能够避免添加它。

我不知道Meteor是如何负责的，因为据我所知，他们没有添加任何重大的CSS更改;但它可能存在，但你只能看出你是否看到了padding-top的位置。