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

bri*_*nch 3 javascript twitter-bootstrap bootstrap-4

在 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>
Run Code Online (Sandbox Code Playgroud)

这在 Bootstrap 4 beta 中不再有效。

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

sty*_*fle 5

我相信您正在寻找显示属性。

<div class="d-xl-none d-lg-none d-md-none d-sm-block d-xs-none">This would only show for sm</div>
Run Code Online (Sandbox Code Playgroud)

这将仅显示 div sm

  • 是的,“xs”有效。所以......“hidden-md-down”被替换为“d-xl-block d-lg-block d-md-none d-sm-none d-xs-none”(然后埋在文档中,作为惩罚来自 Bootstrap Gods 的并排相同的 div 和可能其他不纯粹的想法)。 (2认同)