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

Suppression du remplissage des colonnes dans Bootstrap 3

Lors de l'utilisation du système de grille de Bootstrap 3, il est courant de rencontrer un remplissage ou une marge supplémentaire autour des colonnes. Voici comment le supprimer :

Dans votre code :

<div class="col-md-12">
    <h2 class="h2">OntoExplorer.<span>

Vous avez enveloppé deux colonnes (col-md-4 et col-md-8) dans un col-md- 12 colonnes. Par défaut, un col-md-12 occupe toute la ligne, y compris les marges et le remplissage, et introduit ainsi un espace supplémentaire indésirable.

Pour résoudre ce problème, utilisez .row au lieu de .col-md-12 comme conteneur parent. Cela garantira que les deux colonnes sont rendues côte à côte sans aucun remplissage ou marge inutile :

<div class="container">
    <div class="row">
        <h2 class="h2">OntoExplorer.<span>

Si vous souhaitez toujours supprimer le remplissage ou la marge des colonnes individuelles, vous pouvez ajouter un CSS personnalisé. classe comme ceci :

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

Ensuite, appliquez cette classe aux colonnes dont vous souhaitez supprimer le remplissage ou la marge :

<div class="col-md-4 nopadding">

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!