引导 4：到达网格系统的断点后如何隐藏列？

Question

给定以下BS4布局，我如何使列3消失，而不是堆叠在viewport的底部，一旦到达断点

<div class="container-fluid">
<div class="row">
<div id="col1" class="col-md-3">
I am Column 1
</div>           
<div id="col2" class="col-md-4">
I am Column 2
</div>
<div id="col3" class="col-md-5">
I am Column 3, I should disappear once the breakpoint is reached!
</div>
</div>
</div>

使用普通的CSS，我会这样做:

@media only screen and (max-width: 600px) {
#col3 {
display: none;
}
}

然而，我想要一个解决方案，即使在进一步的道路上，我决定将最小宽度更改为sm,lg或xl。

Answer 1

根据官方文档，您应该像这样使用显示属性实用程序:

<div id="col3" class="col-md-5 d-sm-none d-md-block">
I am Column 3, I should disappear once the breakpoint is reached!
</div>