css - Bootstrap 居中 100% 宽度覆盖响应

Question

我在使用 bootstrap 的容器类时遇到了麻烦，因为我需要一个响应式 100% 宽度的封面。如果我使用这个类，我会在左边和右边得到一个小的边距。所以我希望利润率下降。我怎样才能做到这一点并仍然获得响应？

这是容器类:

.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 是我屏幕的分辨率。