1

我正在使用 Twitter Bootstrap，我的页面顶部有一个.navbar-fixed-top导航，在我添加padding-top: 25px到<body>. 问题是当窗口大小低于时980px，padding我的顶部navbar而不是它后面，我得到的是顶部丑陋的白色空白空间。知道如何解决吗？

编辑：感谢 simbirsk 的回答，我刚刚意识到，除了“空白”出现之外，当您滚动它时，我的导航栏现在不再跟随滚动（它只停留在页面顶部）。这也是一个问题。

4

1 回答 1

2

一个快速的解决方案：不要在冲突的解决方案下添加该填充。将您的 CSS 更改为：

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

编辑：对于新问题。
这是标准的响应行为。如果您不喜欢它的工作方式，您可以：

  1. 不链接bootstrap.responsive.min.css
  2. 自定义您的 Bootstrap http://twitter.github.com/bootstrap/customize.html
  3. 编写自己的媒体查询
于 2012-09-07T11:31:28.547 回答