+-
我读到 Bootstrap 4文档 但我不知道如何使用显示属性。在Bootstrap 3中，我发现它更容易和更直观。
我有一个侧边栏，有两个元素：widget-game和last-game.这两个元素必须在SM和XS中隐藏。
我试着用......来隐藏侧栏中的元素，在sm中消失了，但在xs中又出现了。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。
0
投票
投票
在文档中，你 "阅读";)
应用于所有断点的显示实用类，从xs到xl，它们中没有断点缩写。这是因为这些类是从 min-width: 0; 和向上应用的，因此不受媒体查询的约束。然而，其余的断点却包含一个断点缩写。
因此，这些类使用格式来命名。
.d-{value} for xs
.d-{断点}-{值}，适用于sm、md、lg和xl。
没有 "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 等等。
