当最大宽度媒体查询命中

时间:2018-04-10 19:31:57

标签: html css css3 media-queries bootstrap-4

一旦屏幕最大宽度达到600px,我想在我的自定义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

谢谢你。欣赏它!

2 个答案:

答案 0 :(得分:0)

将班级名称从my-4更改为my-2不是一个好选择。使用css Media查询来更改css。

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

答案 1 :(得分:0)

我相信你正在寻找CSS @media注释, 这可能很有用:https://www.w3schools.com/cssref/css3_pr_mediaquery.asp