是否有仅在移动设备上消失的 Bootstrap 类?

Moh*_*qui 4 html javascript css twitter-bootstrap

.sr-onlyBootstrap 库的 CSS 类仅用于使内容消失在计算机屏幕上。是否有任何相反的可以让东西只在手机上消失?

我知道使用 Javascript 脚本可能有几种解决方法。当且仅当没有对立面时,这些都是可以接受的。

Ste*_*ers 8

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

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

class="hidden-xs"
Run Code Online (Sandbox Code Playgroud)

在超小和小屏幕上显示(小于 992px):

class="visible-xs visible-sm"
Run Code Online (Sandbox Code Playgroud)


Tho*_*fer 6

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