Comment supprimer le remplissage et la marge des colonnes Bootstrap 3 ?

Comment supprimer le remplissage des colonnes Bootstrap 3

Dans Bootstrap 3, l'utilisation des classes col-md-* ajoute un remplissage et une marge à droite et à gauche des colonnes. Pour supprimer ce remplissage et cette marge, suivez ces étapes :

Utilisez .row au lieu de .col-md-12

Enveloppez vos colonnes dans un conteneur .row au lieu de un conteneur .col-md-12. .row n'a pas les marges et le remplissage supplémentaires que .col-md-12 a.

<div class="container">
    <div class="row">
        <div class="col-md-4">...</div>
        <div class="col-md-8">...</div>
    </div>
</div>

Ajoutez une classe personnalisée pour supprimer le remplissage et la marge

Si vous souhaitez supprimer le remplissage et la marge uniquement pour des colonnes spécifiques, ajoutez une classe personnalisée à ces colonnes.

<div class="container">
    <div class="row">
        <div class="col-md-4 nopadding">...</div>
        <div class="col-md-8 nopadding">...</div>
    </div>
</div>

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!