2017-09-08 28 views
0

我試圖重寫引導媒體查詢我的custom.css如何更改引導程序媒體查詢?

這裏是引導查詢

@media (min-width: 768px) 
.navbar-right { 
     display: none; 
} 

我一事無成。我正在試圖做的是

@media screen and (min-width: 900px){ 

    display:none; 
} 

任何幫助將我如何覆蓋與我的custom.css引導查詢

感謝

+0

你需要在自己的媒體查詢指定類爲好。簡單地將'display:none'放在沒有指向任何東西的地方都不會影響任何東西。您完全缺少'.navbar-right {}'指針。 – ProDexorite

+1

使用[Specificity](http://www.htmldog.com/guides/css/intermediate/specificity/)或'!important',但最好使用特異性 –

回答

1
@media screen and (min-width: 900px){ 
    .navbar-right { 
      display: none; 
    } 
} 

理解寫你的媒體查詢如上

0

添加類或元素ID來覆蓋CSS.Without指定選擇器,你將無法實現你想要的。

@media (min-width: 768px) 
.navbar-right { 
     display: none; 
} 


@media screen and (min-width: 900px){ 
.navbar-right { 
     display: none; 
} 

您可以嘗試使用響應實用程序在引導隱藏某些東西

使用.hidden-XS.hidden-SM在佈局隱藏在移動元素的元素和tablet.It將幫助你實現你想要的。

請找到鏈接瞭解更多信息Click Here