Twitter bootstrap Navbar fixed top将页面上的内容向上推

目前，我的页面顶部有一个静态导航栏，但当我试图修复它时，它总是“吃掉”它下面的内容

---

有办法解决这个问题吗

将

导航栏固定顶部类添加到导航栏时，它会应用两个主要CSS属性：

position: fixed;
top: 0;

这会将div固定到页面顶部。然而，这样做意味着下面的div开始于导航条之前的位置。像这样想，导航条现在是浮动的，所以其他一切都不知道它的存在。因此，您需要稍微向下推页面的其余部分以进行补偿

只需在主体内容上加一个边距，将其向下推

margin-top: 60px; 

总之，我在CSS中添加了以下内容：

.body-content {
  margin-top: 60px;
}

然后将
body content
类添加到下一个容器中

工作原理是这样的：
奇怪，它对该代码非常有效，但对我拥有的代码却没有这么多。你能解释一下为什么它会这样做吗，也就是说，是否有其他CSS代码会干扰你建议添加的内容，并导致仍然存在问题？好的，我添加了更多的解释。希望这有帮助。出于某种原因，添加body{padding top:76px；}@media screen和（max width:768px）{body{padding top:0px；}}反而解决了我的问题。奇怪。这基本上是一样的，但是为了更小的屏幕尺寸而删除它。别忘了投票/接受答案！谢谢你的解释。是的，body{padding top:76px；}@media screen和（max width:768px）{body{padding top:71px；}}似乎对我更有效，但至少我现在明白了xD。又是Thx。