2017-10-07 110 views
0

我正在使用Bootstrap 4 beta通過CDN,並且我注意到新的d- *類存在問題。Bootstrap 4 Beta顯示none /隱藏問題

我有一個簡單的div與「d-none d-lg-block」類,它可以像預期的那樣工作,div只在屏幕高於992px時纔可見。但是,如果我將類更改爲「d-none d-md-block」,那麼無論我將屏幕大小設置爲div總是可見的。

這是引導程序4測試版中的錯誤嗎?

回答

0

從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可能是在開發工具中使用切換設備工具時。調整實際窗口大小時,它就可以工作。 –