html - 当最大宽度媒体查询命中时使用其他 Bootstrap (4) 类

Question

我想在屏幕最大宽度达到 600 像素时在我的自定义 CSS(覆盖)中使用来自 Bootstrap 4 的预定义类。这可能在我的 CSS 文件中吗？或者是否可以更改 HTML 代码中的类？

<div class="col-12 col-lg-6 text-center my-4">

“my-4”给顶部和底部边距额外增加了间距，我想将此类更改为“my-2”，因此边距间距更小。 More info about the Bootstrap spacing

谢谢你了。欣赏它!

Answer 1

将类名从 my-4 更改为 my-2 不是一个好的选择。使用 css 媒体查询更改 css。

@media only screen and (max-width: 600px) {
    body {
        background-color:lightblue;
    }
}