折叠的bootstrap导航栏上的奇怪底部边距我无法摆脱

Question

我制作了一个固定在桌面上的自举导航栏，在移动设备上是静态的。我使用了以下CSS：

@media (max-width: 767px) {
.navbar-fixed-top {
    position: relative;
    top: auto;
    width: 100%;
}
.navbar-collapse {
    max-height: none;
}
body {
    margin: 0px;
}
}

位置：代码中的相对元素使导航栏变为静态，但它也会导致导航栏下方的一小部分边距（最大5px），这是我不想要的。我已经查看了开发工具，但无法弄清楚为什么会发生这种情况。它是否可能是一些我不知道的标准引导余量？希望有人可以快速解决这个问题。

Bootply在这里：http://www.bootply.com/MMOnKyMb6v

Answer 1

也许引导程序有一些标准余量但是如果用firebug进行检查就可以找到。 由于bootstrap添加了很多类，你必须遍历每个div包装菜单并在其中转动边距（如果有的话），以查看结果

Answer 2

请输入以下代码：http://www.bootply.com/new

通过这种方式，我们可以更好地帮助您