2017-10-08 1 views
0

を展開したとき、誰かがこのような場合に役立ちますナビゲーションバーの下のdivのマージンを削除し、してくださいブートストラップ4 - NAVは

私は永久的なクラスを持っている(div要素のマージントップを削除したいと思いますmy-マージントップ1remの場合は3)。私はそのマージントップクラス(my-3)がnavbarが展開されていないときにのみアクティブになることを望みます。なぜなら、navが展開されたときにdivとdivの間にガイプがあるからです。

<div role="navigation"> </div> 
     <div class="container-fluid "> 
       <div class="row-9"> 
        <div class="col-xl-9 my-3"> 
        </div> 
       </div> 
     </div> 

ありがとうございます。

@media screen and (min-width: your choice) { 
     .no-margin { 
       margin-top: 0px; 
     } 
} 

次に、あなたが好きなのdivにそのクラスを使用します。

答えて

0

はこのような何かを試してみてください。あなたのCSSへのリンクを入れて正しい順序でブートストラップした場合、コードはブートストラップコードよりも優先されます

+0

navbarが撤回されたときにdivのmy-3クラスを削除したいと思います。永続的ではありません:\ –

+0

@ xx5koクラスは特定の幅からのみ起動されます。つまり、min-widthを指定すると、990px​​;クラスは990px​​より広い画面で有効になります – danielo

+0

あなたがそれを解決する方法を教えてくれれば教えてください! – danielo

関連する問題