Bootstrap 4 - Retirer la marge de la div sous la barre de navigation lorsque la navigation est élargi

Question

Quelqu'un peut-il aider dans ce cas, s'il vous plaît

Je voudrais supprimer la marge supérieure de la div (qui a une my- de classe permanente 3 pour margin-top 1rem) sous la barre de navigation. Je voudrais que cette classe margin-top (my-3) soit active seulement quand la barre de navigation n'est pas développée, parce que quand la nav a été augmentée il y a un gape entre elle et la div.

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

Merci.

Answer 1

Essayez quelque chose comme ceci:

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

Ensuite, utilisez cette classe sur la div que vous aimez. Si vous avez mis les liens vers votre CSS et bootstrap dans le bon ordre, votre code remplacera le code Bootstraps