css - Bootstrap でブラウザーをモバイルサイズに縮小すると、右マージンが大きくなる

Question

この質問にコード例がないことをお詫びしますが、何を入れればよいかさえわかりません。このページにアクセスした場合:

ブラウザーウィンドウのサイズをモバイルデバイスのサイズに変更すると、ページの右側に大きな白い余白が表示されます。

なぜこれが起こっているのか理解できないようです。何か案は？

score 2 · Accepted Answer

このパディングから来ています：

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

あなたのコメントに応えて：（これを試してください）

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

score 1 · Accepted Answer

bootstrap-responsive.css では、小さいウィンドウサイズでボディの左右に 20 ピクセルのパディングが設定されます。まったく必要ない場合は、バージョンから削除してください。803行目で、次のようになります。

@media (max-width: 767px) {
  /*body { These are the lines you want to remove
    padding-right: 20px; 
    padding-left: 20px;
  }*/

特定の要素またはクラスの空白を削除するだけの場合は、次のマージンを追加します。

 margin-left:-20px;
 margin-right:-20px;

css - Bootstrap でブラウザーをモバイル サイズに縮小すると、右マージンが大きくなる