是否有一个Bootstrap类的东西只在移动设备上消失

Is there a Bootstrap class for things to disappear on mobile only?

本文关键字：移动 消失 Bootstrap 有一个 是否      更新时间：2023-09-26

.sr-only Bootstrap库的CSS类仅用于使事物在计算机屏幕上消失。是否有任何相反的类让它只在移动设备上消失?

我知道可能有几个使用Javascript脚本的解决方案。

引导响应实用程序将处理此问题:http://getbootstrap.com/css/#responsive-utilities

隐藏在小屏幕(小于768px):

class="hidden-xs"

显示在特别小和小屏幕(小于992px):

class="visible-xs visible-sm"

使用Bootstrap 4，您可以使用class="d-md-none"。因为这将display:none设置为从md宽度向上的元素

如果您只想在大屏幕和中屏幕上显示元素，并隐藏在小屏幕和超小屏幕上，这是您必须使用bootstrap v4: d-none d-md-block在元素中添加的类。

这里是你的问题的完整答案，如果你正在使用Bootstrap v4:https://getbootstrap.com/docs/4.4/migration/responsive-utilities

相关文章：