我想知道为什么以下内容不起作用-xs隐藏在xs视图中。我觉得这与Bootstrap v4中引入的更改有关，但是我想知道与在CSS中相比，在此代码中仍然可以实现这一点吗？我正在使用默认的bootstrap.css文件。
<div class="container">
<div class="row">
<div class="hidden-xs col-lg-4 col-md-6 col-sm-12 col-xs-12">
Some text here.
</div>
</div>
添加此答案的原因是接受的答案中的注释过长且不完整。如前所述，这些hidden-*类在Bootstrap 4 beta中不再存在。
“ hidden-sm-DOWN到底是什么？”
它不再存在于beta中，但以前的版本意味着“隐藏在小巧的地方”。含义，隐藏在xs和上sm，否则可见。
如果要在Bootstrap 4中的特定层（断点）上隐藏元素，请相应地使用d-*显示类。记住xs是默认的断点（总是隐含的），除非被较大的断点覆盖。由于xs暗含，您不再使用该中-xs-缀。例如，不是d-xs-none，而是d-none。
https://www.codeply.com/go/bRlHp8MxtJ
hidden-xs-down = d-none d-sm-blockhidden-sm-down = d-none d-md-blockhidden-md-down = d-none d-lg-blockhidden-lg-down = d-none d-xl-blockhidden-xl-down= d-none（与相同hidden）hidden-xs-up= d-none（与相同hidden）hidden-sm-up = d-sm-nonehidden-md-up = d-md-nonehidden-lg-up = d-lg-nonehidden-xl-up = d-xl-nonehidden-xs（仅）= d-none d-sm-block（与相同hidden-xs-down）hidden-sm （仅）= d-block d-sm-none d-md-blockhidden-md （仅）= d-block d-md-none d-lg-blockhidden-lg （仅）= d-block d-lg-none d-xl-blockhidden-xl （仅）= d-block d-xl-nonevisible-xs （仅）= d-block d-sm-nonevisible-sm （仅）= d-none d-sm-block d-md-nonevisible-md （仅）= d-none d-md-block d-lg-nonevisible-lg （仅）= d-none d-lg-block d-xl-nonevisible-xl （仅）= d-none d-xl-block另外请注意，d-*-block可以根据元素的显示类型将其替换为d-*-inline，d-*-flex等。测试版中的更多展示类
另请参阅：
Bootstrap 4 hidden-X-（向下/向上）类不起作用
Bootstrap v4中缺少visible-**和hidden-**
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句