html - 看不懂这个 Bootstrap4 显示属性组合

Question

我正在为我的 Web 应用程序使用 Bootstrap4。lg现在我只需要在设置（大）屏幕尺寸时显示菜单。

文档非常清楚：有一个类可以在任何屏幕尺寸上隐藏元素：

.d-无

还有一些类可以在给定的屏幕尺寸（xs、sm、md和）lg上显示元素xl：

.d-{sm,md,lg,xl}-块

我的理由是，如果我只想在大屏幕上显示一个元素，我应该使用这两个类：

.d-无 .d-lg-块

第一个隐藏所有尺寸的元素，然后只“提升” lg 一个。但是，如果我查看文档，它说为了实现这一点，我需要使用一个额外的类，引用文档：

这非常令人困惑。为什么需要额外的.d-xl-none课程？

标签： htmlcsstwitter-bootstraptwitter-bootstrap-3bootstrap-4

Answer 1

因为xl屏幕尺寸比lg. 如果您不编写类，d-xl-none则您的块将在比lg.