Comment supprimer le remplissage des colonnes Bootstrap 3 ?

Supprimer le remplissage des éléments de colonne dans Bootstrap 3

Problème :

Dans Bootstrap 3, vous souhaitez éliminer le remplissage ou une marge autour des éléments col-md-* pour garantir qu'ils s'adaptent parfaitement sans aucun espace supplémentaire sur l'un ou l'autre côté.

Code HTML :

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

Solution 1 : Utiliser des lignes pour envelopper les colonnes

En général, vous devriez utilisez .row pour entourer plusieurs colonnes au lieu de les imbriquer dans un seul .col-md-12. En utilisant .row, vous évitez les marges et le remplissage inutiles introduits par une colonne imbriquée.

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

Solution 2 : ajouter un style personnalisé

Si la première solution le fait cela ne suffit pas, vous pouvez créer une classe personnalisée pour supprimer explicitement le remplissage et les marges.

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

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

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

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!