Question

我试图让我的图像在m +设备上方的文本上方，以及在sm设备上的文本下方。我使用Bootstrap4，据我所知，遵循Bootstrap提供的所有教程 - 但它并没有隐藏我的图像。感谢您的帮助。

这是我的代码：

＆＃13;

<div class="container">
<div class="row">
<div class="hidden-sm-down">
<div class="col-md-6">
<img class="img-fluid" src="img/finding.svg" onerror="this.src='img/finding.png';this.onerror=null;" alt="">
</div>
</div>
<div class="col-md-6 col-sm-12">
<h5 class="heading">Get SMS notifications for new dates</h5>
<p class="sell">
This is where the text would go.
</p>
</div>
<div class="hidden-md-up">
<div class="col-md-6">
<img class="img-fluid" src="img/finding.svg" onerror="this.src='img/finding.png';this.onerror=null;" alt="">
</div>
</div>
</div>
</div>

＆＃13;

Answer 1

这是因为班级hidden-sm-down和hidden-sm-up不再存在于Bootstrap 4 Beta 3中。

而不是hidden-sm-up使用d-sm-none等

此处列出完整列表：

https://getbootstrap.com/docs/4.0/utilities/display/#hiding-elements

bootstrap4上的hidden-sm-down无效

1 个答案: