css - Bootstrap 中心の 100% 幅のカバー レスポンシブ

Question

レスポンシブな 100% 幅のカバーが必要なため、bootstrap のコンテナー クラスの使用に問題があります。このクラスを使用すると、左右にわずかな余白ができます。だから私はマージンが行きたいと思っています。どうすればそれを行うことができますか?

コンテナ クラスは次のとおりです。

.container {
    margin-left: auto;
    margin-right: auto;
}

幅 100% の col-12 クラスを使用すると、サイズを変更すると画像が片側に移動し、サイズを変更するときに画像を中央に配置する必要があります。

これがコンテナクラスを使用した表紙です。左右の余白に気付きます

これは、col-12 クラスを使用した場合の外観です。

そして、これは私が必要とするものですが、マージンはありません。(もちろん100%の時だけ)

ありがとう。

Answer 1

これを変更して100％幅を修正しました：

@media (min-width: 1200px) {
    .container {
    max-width: 1170px;
    }
}

これに：

@media (min-width: 1200px) {
    .container {
    max-width: 1280px;
    }
}

これは、1280px が私の画面の解像度だからです。