Bootstrap 4 Boostrap 4隐藏分区不工作?

Bootstrap 4 Boostrap 4隐藏分区不工作?,bootstrap-4,Bootstrap 4,这是我的密码: <div class="media"> <img class="d-flex align-self-center mr-3 hidden-sm-down" src="filler.png" alt="Example 2"> <div class="media-body"> <h4>Example 2</h4> <p>Other

这是我的密码:

      <div class="media">
        <img class="d-flex align-self-center mr-3 hidden-sm-down" src="filler.png" alt="Example 2">
        <div class="media-body">
          <h4>Example 2</h4>
          <p>Other contenthere</p>
        </div>
      </div>

例2
这里还有其他内容

一切都很简单

我试图实现的是,当屏幕媒体大小为“小”时,将图像隐藏起来——但是,它不起作用。我是不是错过了一件显而易见的事情

谢谢

您可以试试这段代码

<div class="media">
        <img class="d-flex align-self-center mr-3 d-sm-none d-md-block" src="filler.png" alt="Example 2">
        <div class="media-body">
          <h4>Example 2</h4>
          <p>Other contenthere</p>
        </div>
      </div>

例2
这里还有其他内容


你能试试
d-none d-md-block
而不是
隐藏sm-down
吗?请阅读文档: