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