Bootstrap 4 - 隐藏类 - 只隐藏在小屏幕上 [英] Bootstrap 4 - hidden classes - only hide on small screens

问题描述

如何仅在小(sm)屏幕上隐藏 span 内容?我需要在 xs 屏幕上显示此内容.

How to hide span content only on small (sm) screens? I need this content visible on xs screens.

<span class="hidden-sm-down">Text</span>

有没有办法只使用引导类来做到这一点?

There is a way to do this using only bootstrap classes or not?

推荐答案

在 Bootstrap 4 Beta 1 中，您可以仅使用 d-block d-sm-none d-md 隐藏 sm-block.

With Bootstrap 4 Beta 1, you can hide sm only with d-block d-sm-none d-md-block.

https://code.luasoftware.com/tutorials/bootstrap/bootstrap-hide-element-based-on-viewport-size/

这篇关于Bootstrap 4 - 隐藏类 - 只隐藏在小屏幕上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！