css - Bootstrap navbar の左右の余白が白くなる

Question

この問題は私を永遠に悩ませてきました。Bootstrap フレームワークを使用しており、モバイル デバイスでサイトを表示するたびに、ナビゲーション バーの左右に 20 ピクセルの余白が表示されます。

過去に、次のような提案をした人もいます。

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

残念ながら、これは機能しません。ナビゲーション バーの余白の問題は解決しますが、ページの残りの部分で問題が発生します。

この問題の例は、http ://www.theplaybook.co で確認できます。

どんな洞察も大歓迎です。

Answer 1

これは、次の行が原因です (のbootstrap-responsive.css802 行目)。

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