如何在bootstrap 4中只在某个屏幕尺寸上显示某些内容？

Question

所以我希望能够仅在md屏幕上的html上显示图像。我想要隐藏图像从sm和down，并隐藏lg和up。

无论如何我可以这样做吗？

Answer 1

这应该这样做。

<div class="d-none d-md-block d-lg-none">
  <img src="" alt="alternate text" />
</div>

有关详情，请查看Bootstrap 4 utilities on hiding and displaying elements

Answer 2

用户可见 - ＆＃39; blah＆＃39;类只显示一个大小的东西。使用隐藏的 - ＆＃39; blah＆＃39;展示除了＆＃39; blah＆＃39;

之外的所有尺寸的东西