缩小时如何消失中间列?

Question

当我第一次了解 bootstrap 4 时，我试图在缩小时丢失中间列，但它似乎不起作用，请为我检查一下，谢谢。

<div class="row no-gutters">
<div class="col-md-4  col-6">Account</div>
<div class="col-md-2  col-0">Followers</div>
<div class="col-md-6  col-6">Recent post</div>
</div>

Answer 1

.d-md-none .d-lg-block

使用此引导类。更多信息在这里

引导程序允许您隐藏基于 md lg 显示等的元素。我使用了md显示器，但您可以使用适合您需求的任何东西。

Answer 2

要在大断点上隐藏元素，只需使用d-lg-none。

<div class="row no-gutters">
<div class="col-md-4 col-lg-6">Account</div>
<div class="col-md-2 d-lg-none">Followers</div>
<div class="col-md-6">Recent post</div>
</div>

代码笔示例。