javascript - Bootstrap 4 beta - 如何仅显示 sm 的 div？

Question

在 Bootstrap alpha 6 中，我可以这样写，让 div 的内容只显示给 sm:

<div class="hidden-md-up hidden-xs-down">
   This would only show for sm in Bootstrap 4 alpha 6.
</div>

这在 Bootstrap 4 beta 中不再有效。

如何使用 bootstrap 4 beta 仅显示 sm 的 div 内容？

Answer 1

我相信您正在寻找 display特性。

<div class="d-xl-none d-lg-none d-md-none d-sm-block d-xs-none">This would only show for sm</div>

这将仅显示 sm 的 div。