Maison >interface Web >tutoriel CSS >Comment supprimer le remplissage et la marge des colonnes Bootstrap 3 ?

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

DDD
DDDoriginal
2024-12-15 19:02:10621parcourir

How to Remove Padding and Margin from Bootstrap 3 Columns?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn