Question

我正在使用bootstrap 4并且正在观看一个bootstrap 3课程，当我应用我所看到的东西时，我看到注意到发生了所以经过大量搜索我意识到在bootstrap 4中没有任何叫做visible-xs，visible-sm ，visible-md和visible-lg以及hidden- * so。我尝试了很多但我无法理解它，因为我是css和bootstrap的新手。我想要的是bootstrap 4中每个visible- *和hidden- *的等价性（仅在一个平台上显示元素）

我的尝试：

<div class="container">
    <div class="row">
        <div class="col-md-6 col-lg-3">
            <div class="visible-xs">Extra Small Devices</div>
            <div class="visible-sm">Small Devices</div>
            <div class="visible-md">Medium Devices</div>
            <div class="visible-lg">Large Devices</div>
        </div>
    </div>
</div>

Answer 1

根据BS4 alpha文档，

他们已被.hidden-xs-up取代.hidden-xs-down .hidden-sm-up .hidden-sm-down .hidden-md-up .hidden-md-down .hidden-lg-up .hidden-LG-下来。

您可以直接在BS4 Documentation阅读有关迁移的所有内容。

什么是bootstrap 4中“visible-xs”的等价性

1 个答案: