twitter bootstrap导航栏固定顶部重叠网站
我在我的网站上使用bootstrap，并且遇到了导航栏固定顶部的问题。 当我使用常规导航栏时，一切都很好。 但是，当我尝试将其切换到导航栏固定顶部时，网站上的所有其他内容都像导航栏不在那里一样向上移动，导航栏与其重叠。 基本上我是这么解释的：
.navbar.navbar-fixed-top
.navbar-inner
.container
.container
.row
//yield content
我试图完全复制Bootstraps示例，但只有在使用导航栏固定顶部时才会出现此问题。 我究竟做错了什么？
你的回答在文档中是正确的：
需要填充身体
固定的导航栏将覆盖您的其他内容，除非您将padding添加到<body>的顶部。 尝试一下你自己的价值观或者使用下面的代码片段。 提示：默认情况下，导航栏高50px。
body { padding-top: 70px; }
确保在核心Bootstrap CSS 之后包含此内容。
正如其他人所说，增加一个填充顶部到身体效果很好。 但是，当你缩小屏幕（对手机宽度）时，导航栏和机身之间会有间隙。 此外，拥挤的导航栏可以换行到多行栏，重新覆盖一些内容。
这为我解决了这些问题
body { padding-top: 40px; }
@media screen and (max-width: 768px) {
body { padding-top: 0px; }
}
这使默认情况下为40px填充，在768px宽度下为0px（根据bootstrap的文档是手机布局截止位置将创建间隙）
这个问题是已知的，并且在twitter引导程序站点中有一个解决方法：
当您粘贴导航栏时，请记住考虑下方的隐藏区域。 向<body>添加40像素或更多的填充。 一定要在核心Bootstrap CSS之后和可选的响应CSS之前添加。
这对我有效：
body { padding-top: 40px; }