我想在屏幕最大宽度达到 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
谢谢你了。欣赏它!
最佳答案
将类名从 my-4 更改为 my-2 不是一个好的选择。使用 css 媒体查询更改 css。
@media only screen and (max-width: 600px) {
body {
background-color:lightblue;
}
}
关于html - 当最大宽度媒体查询命中时使用其他 Bootstrap (4) 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49761585/