Bootstrap 居中 100% 宽度覆盖响应

Question

我在使用引导程序的容器类时遇到了麻烦，因为我需要一个响应式的 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 是我屏幕的分辨率。