html - Bootstrap フッター モバイルにサイズ変更されたときの左右のギャップ

Question

Twitter のブーストラップ Web サイトに新しいフッターを追加しましたが、ウィンドウのサイズを変更すると左右に隙間ができます。

これがこのcssコードに関連していることは知っています...

@media (max-width: 767px) {
 body {
padding-left: 20px;
padding-right: 20px;

}

パディングを 0px に変更すると、フッターのギャップはなくなりますが、ページ全体の余白が失われます。

私はこれを試しましたが、うまくいきませんでした。

@media (max-width: 767px) {
 footer {
padding-left: 0px;
padding-right: 0px;

}

何か案は？

Answer 1

nav が使用するのと同じアプローチで、負のマージンを使用してみてください。私はこれを試しませんでしたが、次のようなものがうまくいくはずです：

@media (max-width: 767px) {
    footer {
        padding-left: -20px;
        padding-right: -20px;
    }
}