Twitter引导导航栏固定顶部重叠站点

Question

Twitter引导导航栏固定顶部重叠站点我正在使用引导在我的网站和有问题的肚脐固定顶部。当我只使用普通的肚脐时，一切都很好。然而，当我试图将它切换到导航条固定顶部时，站点上的所有其他内容都会向上移动，就像导航条不存在，并且导航栏与其重叠一样。我基本上是这样画出来的：.navbar.navbar-fixed-top  .navbar-inner    .container.container  .row    //yield content我试图准确地复制引导示例，但只有在使用导航条固定顶部时才会出现此问题。我做错什么了？

Answer 1

就像其他人说的，给身体增加一个填充顶是很好的。但是当你使屏幕变窄(手机宽度)时，肚脐和身体之间就会有一个缺口。此外，拥挤的导航栏可以换到多行栏，再次覆盖部分内容。

这为我解决了这些问题。

body { padding-top: 40px; }@media screen and (max-width: 768px) {
    body { padding-top: 0px; }}

默认情况下，这会使40 px填充，当宽度低于768 px时为0 px(根据引导程序的文档，这是创建空白的手机布局的截止点)。

Answer 2

对于您的参考来说，这是一个更方便的解决方案，它在我的所有项目中都非常完美：

将第一行改为

.navbar.navbar-fixed-top

到

.navbar.navbar-default.navbar-static-top