css - Bootstrap 4 "hidden"类不起作用

Question

我使用的是 Bootstrap v4 及其默认的 CSS 和 JS。我正在尝试将类 hidden、hidden-XX-down 和 hidden-XX-up 应用于各种 div、按钮等。但是好像不影响什么。所有其他类都有效，除了这个。

这是一个例子:

<div class="row">

  <div class="col col-10 offset-1 hidden-sm-down">

    <p class="text-primary text-center">Lorem ipsum dolor sit amet.</p>

  </div>

</div>

当我将窗口调整为更小的宽度(sm-down)时，我希望该段落不可见，但它仍然可见并且没有任何反应。

Answer 1

使用d-none、d-sm-none、d-md-none等

https://getbootstrap.com/docs/4.0/utilities/display/

只显示 md 向上(隐藏 sm 向下)使用:

<div class="d-none d-md-block"></div>