ブートストラップで動作するようにCSSのメディアクエリを取得できません

Question

私はブートストラップv3.3.6を使用しています。私の人生の間、デフォルトのメディアクエリを上書きする方法はわかりません。私はこれを克服するために様々な方法を試みましたが、私は何も試みません。このクエリは火かき棒やクローム開発者には表示されません。これのような

私が見ることができるものから、ブートストラップレイアウトがメディアクエリ：

@media (max-width: 767px) { 
    /* code goes here */ 
    } 

しかし、私はメディアクエリは次のようにレイアウトされ、これを克服しようとして行っている全ての研究から：

@media screen and (max-width: 480px) { 
    /* code goes here */ 
} 

両方のクエリが機能しますか？

私が使用しているコードを掲載しました。誰かがこれを克服する手助けをすれば非常に感謝します。 （最小幅：320ピクセル）多くのおかげ

は@media {

.navbar-brand { 
    /*float: left;*/ 
    padding: 0; 
    height: 50px; 
    margin-left: -30px; 
    margin-top: 5px; 
    /*line-height: 20px;*/ 
    } 
} 

Answer 1

だから、問題の原因になる可能性が2thingsがあります

まず：ブートストラップは、あなたが行うよりも、より正確なセレクタを使用しています。例えば。

.div .navbar-brand { code goes here;} 

または、同じセレクタを使用すると、ブートストラップがCSSの後に読み込まれ、自分の上書きされます。

したがって、後で読み込まれることを確認してください。同じまたはより正確なセレクタがあり、うまくいくはずです。

あなたはそれをあなたが使用することができますいずれかの方法を修正can't場合は！重要な、しかしthatsのかなり悪い習慣

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.