Bootstrap导航栏中的白色左右边距

Question

这个问题一直困扰着我。我正在使用Bootstrap框架，每当我在移动设备上查看我的网站时，我会在导航栏的右侧和左侧获得20px的边距。

过去有人提出以下建议：

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

不幸的是，这不起作用。它解决了导航栏边距的问题，但会在页面的其余部分产生问题。

您可以在此处查看此问题的示例：http://www.theplaybook.co

非常感谢任何见解。

Answer 1

由此行（bootstrap-responsive.css，第802行）引起：

@media (max-width: 767px) {
    .navbar {
        padding: 0 20px;
    }