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

标签 html css media-queries bootstrap-4

我想在屏幕最大宽度达到 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/

相关文章:

php - 如何强制 Jooma!以HTML 格式发送电子邮件?

html - 如何在 div 或与文本内联的按钮内创建半圆

android - 如何在不丢失 css 的情况下将模板从桌面发送到移动设备

html - 白色 icon.png 到蓝色 icon.png (html/css)

javascript - 多次更改元素的 ID

javascript - "access to script from origin ' null ' has been blocked by CORS policy"尝试使用导入的 js 函数启动 html 页面时出错

java - 防止容器隐藏时java小程序被破坏

css - 媒体查询 - 在两个宽度之间

css - 随着屏幕尺寸的变化不断调整元素尺寸

html - 打印,表格不响应纵向和横向