Twitter bootstrap twitter引导导航栏和内容之间的差距

我正试图摆脱推特引导的导航栏后面的大屏幕和小屏幕空间

在阅读了一些资源之后，我发现了这个解决方案，我将css放在引导和响应引导之间

 <link href="/static/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
    @media screen and (max-width: 768px) {
        body { padding-top: 0px; }
    }
    body { padding-top: 40px; }

</style>
<link href="/static/css/bootstrap-responsive.css" rel="stylesheet">

@媒体屏幕和屏幕（最大宽度：768px）{
正文{填充顶部：0px；}
}
正文{padding top:40px；}

当浏览器屏幕较大时，这会考虑导航栏后面的空间，但当浏览器缩小时，导航栏和内容之间会有间隙。我认为

@媒体屏幕和（最大宽度：768px）{body{padding top:0px；}}

应该可以解决这个问题。

---

请问我做错了什么

位置不对

将

@media

放在后面，这样它会将40px覆盖为0，而不是相反

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

---

我开始思考这个问题，意识到如果不是容器或标题栏本身，可能是我看不见的东西？原来是这样。这是隐藏的菜单

bootstrap-responsive.css中的以下代码是导致标题和内容之间的间隙的原因：

.navbar-fixed-top { margin-bottom: 20px; }

使用以下媒体查询应该很简单（在包含bootstrap responsive.css之后）：

请注意，我使用的是v3.2.3版本的引导

更新：我注意到，在更宽的浏览器宽度下，间隙再次出现。这是因为上面的媒体查询只针对767px以下的浏览器宽度。我建议将媒体查询的

max width

属性值更改为

979px

试试这个

---

我遇到了同样的错误，并发现这对我有用。

我也遇到了同样的问题。但是，与上面的CSS不同，我将带有媒体查询的CSS放置在

引导响应CSS文件之后。然而，这似乎并不能解决问题。我希望其他人已经弄明白了这一点——我找不到任何可以追溯导致这种行为的风格的东西；我已经发现了造成差距的原因。这似乎不起作用。我尝试将这个CSS放在引导默认和响应CSS样式表的

之间。我还尝试将

@media

查询部分放在Bootstrap-responsive CSS样式表之后，但这也不起作用。你能提供进一步的细节吗？

@media screen and (max-width: 767px) {
    .navbar-fixed-top {
        margin-bottom: 0px;
    }
}