html - Bootstrap 4 Beta显示无/隐藏问题

我正在通过CDN使用Bootstrap 4 beta，并且注意到新的d- *类存在问题。

我有一个简单的div，其类别为“ d-none d-lg-block”，可以按预期工作，只有在屏幕高于992px时div才可见。但是，如果我将类更改为“ d-none d-md-block”，则无论我将屏幕大小设置为div的值总是可见的。

这是Bootstrap 4 Beta中的错误吗？

最佳答案

从引导程序beta开始，类“ d-md-block”仅具有以下与之关联的媒体查询。

media (min-width: 768px)
  .d-md-block {
    display: block!important;
}

这确保了任何带有“ d-md-block”类的元素都应始终以大于或等于768px的宽度显示。

在使用Bootstrap v4 Beta测试之后，我可以确认它是否按预期工作。使用Chrome在屏幕小于786像素的屏幕中对我隐藏了“ d-none d-md-block”元素。

这不是Bootstrap Beta的错误。

关于html - Bootstrap 4 Beta显示无/隐藏问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46623138/