Bootstrap 4“隐藏”类不起作用

Question

我正在将Bootstrap v4与默认的CSS和JS一起使用。我试图应用类hidden，hidden-XX-down以及hidden-XX-up各种申报单，按钮等，但它似乎并没有造成任何影响。除此课程外，其他所有课程均有效。

这是一个例子：

<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尺寸）时该段落不可见，但该段落仍然可见并且什么也没有发生。

Answer 1

使用d-none，d-sm-none，d-md-none等。

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

要仅显示md up（隐藏，显示sm down），请使用：

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