ブートストラップ3で問題が発生する

Question

this demoをご覧になり、小さな画面でのみ.collapseに余白を追加する方法を教えてください。

あなたは、私が100pxの高さを持つカスタム高さのナビゲーションバーを持っているが、それでも50px（約）の上に.collapseを表示するブートストラップ見ることができるように！私は

.navbar-inverse .navbar-collapse{ 
    margin-top: 50px; 
} 

それは動作しませんでしたを追加しようとしましたが、私はルールに!importantを追加するときには、理由の大画面でクラスを折りたたむには、このも追加し、不要なマージンをしかし

.navbar-inverse .navbar-collapse{ 
margin-top: 50px !important; 
} 

作品!important使い方！私はこれをどのように修正できるか教えていただけますか？

おかげ

Answer 1

あなたはCSSのため、このルールを使用shoud最大幅のスクリーンブラウザを使用してデバイスに意味

@media screen and (max-width: your size px) { css code}

だけ小さな画面でセットスタイルにコードの下に使用する必要があります。

また、あなたはID bs-example-navbar-collapse-1を参照し、そのようなものを使用することができます

#bs-example-navbar-collapse-1{ margin-top: 50px; }