Bootstrap 4响应实用程序可见/隐藏的xs sm lg不起作用

Question

当迁移到Bootstrap 4时，新的响应实用程序隐藏/可见类出现问题。我知道.hidden-类已经被removed from v3 and replaced和.hidden-*-up .hidden-*-down所取代。使用新的.hidden-*-up.hidden-*-down类，但元素未更改为可见/隐藏。不知道为什么。

<div class="col hidden-xs-down">
    <span class="vcard">
        …
    </span>
</div>
<div class="col hidden-lg-down">
    <div class="hidden-sm-down">
                …
    </div>
    <div class="hidden-xs-down">
                …
    </div>
</div>

* 在此示例中，任何内容均不隐藏，无论屏幕大小如何（Safari，自适应设计模式）

Answer 1

使用Bootstrap 4.hidden-*类已被完全删除

Answer 2

****屏幕尺寸类别****

-

Answer 3

Bootstrap 4（^ beta）更改了用于响应式隐藏/显示元素的类。请参阅此链接以获取要使用的正确类：http://getbootstrap.com/docs/4.0/utilities/display/#hiding-elements

Answer 4

某些版本有效

<div class="hidden-xs">Only Mobile hidden</div>
<div class="visible-xs">Only Mobile visible</div>