带有导航栏和不同窗口大小的Bootstrap clear-top

时间:2012-09-07 11:26:31

标签: twitter-bootstrap

我正在使用Twitter Bootstrap,我在页面的顶部有一个.navbar-fixed-top导航,在我将padding-top: 25px添加到<body>后效果很好。问题是,当窗口大小低于980px时,padding会位于navbar的顶部而不是它后面,我得到的是顶部的一个丑陋的白色空白区域。知道怎么解决吗?

编辑:感谢simbirsk的回答我刚刚意识到,除了“白色空间”出现之外我的导航栏现在不再跟随滚动滚动时它已经消失(它只是停留在页面的顶部)。这也是一个问题。

1 个答案:

答案 0 :(得分: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. 撰写您自己的媒体查询