一旦屏幕最大宽度达到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
谢谢你。欣赏它!
答案 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