ウェブページには、モバイル画面に白いマージンが表示されます。この白いマージンを削除するには？

Question

私はブートストラップとCSS3を使用してウェブページを作成しました。グリッドシステムを使用して、すべての画面で応答しました。しかし、私は問題を抱えています。モバイルで開くと、右側に白いマージンが表示され、少し横のスクロールができます。私はすべてを試みたが、何も私のために働いた。この問題をどうやって解決するのですか？ https://manpreet9112.github.io/JS-website/home.html

コード：https://github.com/manpreet9112/JS-website

ヘルプ私

は私のWebページを参照してください。

Answer 1

ああ、bs3で非常に頻繁に発生する問題です。あなたがブートストラップグリッドシステムの原理を理解するまで。 .containerのサイドパディングを変更しないでください。.rowの内側にマイナスの余白があるからです。

あなたのWebページを修正する必要があるすべて（design.cssライン185）これを削除することです：デフォルトのブートストラップ・グリッドのマージンとパディングがニーズに合わない場合は

.container{padding:10px 0;} 

を、あなたはそれを上書きすることができますが、まずますすべての決議事項を変更する必要があることを考慮して、どのように動作するのかを理解する必要があります。