Bootstrap固定导航栏:padding-top和body 100%

时间:2012-08-10 09:15:14

标签: html5 css3 twitter-bootstrap

对于客户,我必须做全屏网站,响应式设计。我正在使用带有固定导航栏的Bootstrap,所以为了放置我的内容,我在身体上添加了一个60px的填充顶部。

这是我的问题:滚动条系统显示,因为我的身体有100%的高度和60px填充顶部。我可以使用'overflow:hidden;',但是如果我需要滚动页面,我就不能了。

你有解决方案吗?

谢谢!

编辑:这是一个想法:http://jsfiddle.net/StFca/ 在这种情况下,我希望隐藏滚动条,因为不需要它。

1 个答案:

答案 0 :(得分:2)

您可以将margin-top: 60px属性添加到您可以添加到内容主容器中的新类或ID,而不是向主体添加填充,因此它看起来像这样:

#main-container {
    margin-top: 60px;
}

这样,您可以通过将容器本身推离而不是文档正文来容纳导航栏,滚动条将消失。