bootstrap-4 - Bootstrap 4 如何仅在介质中隐藏 div

Question

我想知道如何只在中等屏幕上隐藏一个div？我尝试了很多组合，但没有一个有效是否有任何类只能通过添加自定义 css 来隐藏 MD？

Answer 1

Bootstrap 4 beta dropped the support for hidden-* classes .它被替换为有利于 d 级(显示)。

如果你只想在特定的断点及以上显示一个项目，你可以这样做:

<span class="d-none d-xl-inline">
   Here is some text that will only display at extra large displays, 1200px or above.
</span>

---

另一种方式(更简单):仅在视口(viewport)小于超大显示器时显示项目:

<span class="d-xl-none">
   Here is some text that will display up until extra large displays, 1200px, but not wider.
</span>

您可以将d-xl-inline 的显示类型切换为任意bootstraps supported d-classes .

此外，这是一个 related question .