html - 使用预定义的网格类在断点处隐藏 div

Question

我有三个 div。在全屏设备上，每一列都是父 div“行”的 33%，这是我所期望的。当屏幕尺寸调整为更小时，我希望 div B 消失，以便 div A 和 C 展开并彼此嵌套，每个占 50%。

<div class="row">
    <div class="col-3 col-sm-6">A</div>
    <div class="col-3 col-sm-0">B</div>
    <div class="col-3 col-sm-6">C</div>
</div>

这是否可以使用像 col-sm-0 这样的符号，或者我必须手动编写媒体查询吗？

Answer 1

查看隐藏类: https://getbootstrap.com/docs/3.3/css/#responsive-utilities-classes

你可以在你的情况下使用hidden-sm。

Bootstrap 4: https://v4-alpha.getbootstrap.com/layout/responsive-utilities/

你可以在你的情况下使用hidden-sm-down。