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><p><strong>Sortie souhaitée :</strong></p>
<p>Supprimer le remplissage ou marge supplémentaire sur les côtés des deux colonnes sans désactiver le col-md-* class.</p>
<p><strong>Solution :</strong></p>
<p>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.</p>
<p><strong>Code HTML mis à jour :</strong></p>
<pre class="brush:php;toolbar:false"><div class="container">
    <div class="row">
        <h2>OntoExplorer.<span><p><strong>CSS personnalisé :</strong></p>
<p>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 :</p>
<pre class="brush:php;toolbar:false">.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}