Bootstrap 4 Beta显示无/隐藏问题

时间:2017-10-07 17:33:40

标签: html css twitter-bootstrap twitter-bootstrap-4

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

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

这是bootstrap 4 beta中的错误吗?

2 个答案:

答案 0 :(得分:0)

自助测试版以来,该课程" d-md-block"只有与之关联的以下媒体查询。

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

这确保了具有类" d-md-block"的所有元素。应始终显示宽度大于或等于768px。

使用Bootstrap v4 Beta测试后,我可以确认它是按预期工作的。元素与" d-none d-md-block"使用Chrome浏览器在小于786像素的屏幕中为我隐藏。

这不是Bootstrap测试版的错误。

答案 1 :(得分:0)

我有同样的问题。这有什么帮助:

<meta name="viewport" content="width=device-width, initial-scale=1">

您可以看到答案here