2017-02-23 96 views
0

我在一個新的在線項目中使用了Bootstrap 4。我主要針對移動應用,但希望讓桌面用戶可以訪問它。Bootstrap 4:只隱藏媒體

我有一些textst我想隱藏在中等屏幕上只有預定義的類,但不知何故,我不能讓它工作。草率的變通辦法,但馬虎:(應該說明我想要實現):

<span class="hidden-sm-up">Display: </span>
<span class="hidden-md-down">Display: </span>

當然,這是不好的編碼,但我似乎無法找到合適的德組合課程只隱藏在中等屏幕上。 (我期望類像.hidden-md,但沒有...)

任何幫助將不勝感激。

最佳,
knal

+1

.hidden-MD應根據文檔http://getbootstrap.com/css/#helper-classes – Brad

+0

@Brad他使用引導4工作不引導3 – neophyte

+0

@neophyte ;恰恰爲什麼我遇到了意想不到的「不一致」。 – knalpiap

回答

0

謝謝你們,

有點失望,由於缺乏straightformard的解決方案,但對結果滿意,我實現以下,以滿足我的需求:

@media only screen and (max-width: 992px) and (min-width: 576px){ 
    .filters p span { 
     display: none; 
    } 
} 

布拉德的鏈接使我相信這種方法。謝謝!

最佳,
Knal