我阅读了Bootstrap 4文档，但不知道如何使用Display Property。有了Bootstrap 3，我发现它更简单、更直观。
我有一个侧边栏，里面有两个元素：widgetgame和lastgame。两个元素都必须隐藏在SM和XS中。相反，在网站页脚中，我有另一个重新设计的移动小工具游戏，它必须只在SM和XS中可见，并隐藏在MD和LG 中
我尝试使用：d-xs-none d-sm-none d-md-block隐藏侧边栏中的元素，在sm中消失，但在xs中重新出现。对于只需要出现在移动设备中的小部件，我使用了d-none d-sm-block d-md-none d-block d-sm-none，它似乎可以工作，尽管对我来说，必须使用所有这些类似乎很奇怪。
如何隐藏sm和xs中的元素？我已经在中阅读了回复，我没有任何d-flex
在您"读取"(
显示应用于从xs到xl的所有断点的实用程序类，这些类中没有断点缩写。这是因为这些类是从最小宽度0开始应用的；并且因此不受媒体查询的约束。但是，剩下的断点确实包含一个断点缩写。
因此，类使用以下格式命名：
xs 的.d-{值}
.d-{breakpoint}-sm、md、lg和xl的{value}。
；xs"；。由于xs是最小的，所以您应该简单地使用d-none(中间没有任何内容(。
class="d-none d-sm-none d-md-block"
但是，既然你也想隐藏sm，那么制作d-none d-sm-none就没有意义了，只需要制作：
class="d-none d-md-block"
它意味着默认情况下是隐藏的，在md及更高版本上是可见的(display:block(。
当然，如果你的元素真的需要块，你可以使用d-x-block。也可以通过d-md-flex、d-md-inline-block等