Bootstrap 4 引导程序4如何仅在中等位置隐藏div

我想知道如何只在中等屏幕上隐藏div？ 我试过很多组合，但都不起作用

---

是否有任何类只能通过添加自定义css来隐藏MD？

这与所解释的问题相同。Bootstrap 4 Beta即将进行更新，将启用单个视口上的隐藏（hidden-x）

所有可见性类都将在此更新中进行修改

升级Bootstrap 4 Beta版

如果要在Bootstrap 4 Beta中隐藏特定层（断点）上的元素，请相应地使用

d-*

显示类。请记住，

xs

是默认（始终隐含）断点，除非被更大的断点覆盖

• hidden xs

  （仅限）=

  d-none d-sm-block

  （与

  hidden xs down

  相同）

• 隐藏sm

  （仅限）=

  d-block d-sm-none d-md-block

• 隐藏md

  （仅限）=

  d-block d-md-none d-lg-block

• hidden lg

  （仅限）=

  d-block d-lg-none d-xl-block

• 隐藏xl

  （仅限）=

  d-block d-xl-none

还请注意，

d-*-block

可以替换为

d-*-inline

，

d-*-flex

等。。取决于图元的显示类型。有关

的详细信息。它被取代，取而代之的是d类（显示器）

如果要仅在特定断点及更高断点处显示项目，可以执行以下操作：

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

这里有一些文本只会在超大屏幕上显示，1200像素或更高。

---

另一种方式（更简单）：仅当视图端口小于超大显示时才显示项目：

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

下面是一些文本，将一直显示到超大屏幕，1200px，但不会更宽。

您可以将

d-xl-inline

的显示类型切换为以下任意一种

---

另外，这里还有一个。

请添加代码段，该代码段可能与