2016-01-21 119 views
2

我試圖隱藏中等屏幕大小(及以下)的div。我讀過你可以使用Bootstrap's responsive utilities - .hidden-md-down,但這個類沒有在我的CSS(我從getbootstrap.com下載)中找到。Twitter引導響應實用程序

我試過自定義我的下載,只包含來自CSS部分的響應式實用程序或下載所有可用選項,而且沒有任何存檔包含帶有此類的.css文件。

我在做什麼錯?

回答

2

我不知道什麼.hidden-md-down應該是,但正確的類是.hidden-md(按照documentation)。 .hidden-md將隱藏Bootstrap定義的元素中等設備 - 寬度爲992px和1199px之間的設備。但是,它不會隱藏超小設備上的元素。

如果要隱藏中等設備和下面的元件,你會使用.visible-lg-{displayType},更好其中{displayType}要麼blockinlineinline-block(例如.visible-lg-block)。

Table from Bootstrap's Documentation

+0

哦,該死的,我的壞。上次我使用bootstrap的時候,它需要使用引導程序4的alpha版本的客戶端。它替換了這些類:http://v4-alpha.getbootstrap.com/migration/#responsive-utilities –

2

您可以使用類.hidden-md.hidden-sm.hidden-xs在一起。我還沒有聽說過你正在嘗試使用的那個。