Bootstrap 4 Beta显示none /隐藏问题

问题描述:

我正在使用Bootstrap 4 beta通过CDN,并且我注意到新的d- *类存在问题。Bootstrap 4 Beta显示none /隐藏问题

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

这是引导程序4测试版中的错误吗?

从bootstrap测试版开始,类“d-md-block”仅包含与其关联的以下媒体查询。

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

这保证的,与类别“d-MD-块”的任何元素应该总是显示在宽度大于或等于768px。

在使用Bootstrap v4测试版进行测试后,我可以确认它是否按预期工作。带有“d-none d-md-block”的元素在我使用Chrome隐藏在小于786像素的屏幕中。

这不是Bootstrap测试版的错误。

+0

感谢您的回复。不要认为这是Bootstrap中的错误。但perahps铬。我只是在Safari中测试它,它在那里工作。 –

+0

只是想补充说,看来这个bug可能是在开发工具中使用切换设备工具时。调整实际窗口大小时,它就可以工作。 –