如何在 bootstrap5 中以 lg、md.sm 模式响应框？

Answer 1

Bootstrap 是移动优先的，考虑到这一点，如果你放置 col-12，它就可以从智能手机到台式机工作。遵循此规则，col-sm-12 将始终是 col-12，从尺寸 sm (576px) 到最大。我建议始终以 col-"size-of-col" 开头，然后按升序 (sm>md>lg>xl) 处理其余类，例如：

<div class="row">
    <div class="col-12 col-md-6 col-lg-3">
        <img src="..." alt="...">
    </div>
</div>

但是，我看到你有一个名为“boxs”的类，你能显示这个类的css吗，这对理解你的问题有很大帮助。你的第一个 div 名为“content”，它不需要具有单一尺寸 (12) 的所有前缀 (sm、md、lg)，例如你可以只输入

col-12

。