无法理解此Bootstrap4显示属性组合

Question

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

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

  

.d-none

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

  

.d- {sm，md，lg，xl} -block

我的理由是，如果要在大屏幕上仅显示元素 ，则应同时使用两个类：

  

.d-none .d-lg-block

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

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

Answer 1

因为xl的屏幕尺寸大于lg。如果您不编写类d-xl-none，则在大于lg的屏幕上可以看到您的块。