Comment supprimer l'excès de remplissage dans les colonnes Bootstrap 3 ?

Suppression du remplissage des colonnes Bootstrap 3

Problème :

Dans Bootstrap 3, il y a un remplissage ou une marge excessive sur le côtés droit et gauche des classes col-md-*. Le but est de supprimer cet espace supplémentaire.

Code HTML :

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

Sortie souhaitée :

Supprimer le remplissage ou marge supplémentaire sur les côtés des deux colonnes sans désactiver le col-md-* class.

Solution :

Généralement, .row est utilisé pour envelopper les colonnes au lieu de .col-md-12. .Row n'a pas les marges et le remplissage supplémentaires de .col-md-12 et élimine également l'espace qu'une colonne introduirait avec des marges gauche et droite négatives.

Code HTML mis à jour :

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

CSS personnalisé :

Pour éliminer le remplissage ou marges entièrement, une classe CSS personnalisée appelée .nopadding peut être ajoutée pour supprimer ces propriétés :

.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!