2017-09-08 2 views
0

私はここに私のcustom.cssブートストラップメディアのクエリを変更する方法は?

とブートストラップメディアクエリを上書きしようとしているが、私はどこにもなってないよ、ブートストラップクエリ

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

です。私は何をしようとしていることはすべてのヘルプは

おかげ

+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; 
    } 
} 

上記のようにあなたのメディアクエリーを書く私のcustom.cssで、私は、ブートストラップクエリを上書きする方法には理解されるであろう

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

    display:none; 
} 

です

0

クラスまたは要素のIDを追加してCSSを上書きします。セレクタを指定しないと、目的を達成できません。

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


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

あなたは携帯電話の要素を非表示にするには、レイアウト内の要素にと.hidden-SM.hidden-XSいくつかのこと

使用を隠すためにブートストラップで利用できる応答ユーティリティを試すことができますあなたが望むものを達成するのに役立ちます。

あなたは同様にあなた自身のメディアクエリでクラスを指定する必要がより多くの情報Click Here

関連する問題