J'ai un site en utilisant une bootstrap, mais je veux remplacer le rembourrage gauche et droit sur les colonnes Col-MD-6 (définissez-les sur 0PX). Je ne sais pas comment le faire, ma configuration actuelle est ...
CSS p> et l'appliquer à p> mais que Col-MD-6 est parfois remplacé (boucle WordPress) avec un Col-MD-12 DIV et je ne veux pas que les gouttières sont appliqués si c'est le cas. P> Note : J'ai besoin du remplacement de la commande au même niveau que la commande COL-MD-6. Exemple P> <div class="col-md-6 overide-class">
4 Réponses :
Cela les ciblera pour vous: (ne fera que la modification des éléments à l'intérieur du principal div)
#main> .col-md-6 {padding-droit: 0; Padding-gauche: 0;}
si vous souhaitez ajouter une autre classe, ajoutez simplement une classe appelée Puis, dans votre CSS, ajoutez: < Pré> xxx ou n'est-ce pas ce que vous voulez dire? sans rembourrage .
Le problème est que cette ligne de ligne est appliquée à tout ce qui est à l'intérieur. Parfois, c'est un col-MD-12 et parfois son Col-MD6. Quand il est col-md-6, je veux son rembourrage droit / gauche enlevé
Vous pouvez simplement ajouter une nouvelle classe à ce que vous êtes déjà, mais spécifiez-le pour Voir exemple Exemple Snippet à Fullpage. P> p > COL-MD-6 CODE>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container text-center">
<h2>
Removed Padding only from Medium 6 Columns
</h2>
<div class="row fix-gutters-six">
<div class="col-md-6">
<div class="alert alert-info">
Removed Padding on 6 Columns
</div>
</div>
<div class="col-md-6">
<div class="alert alert-info">
Removed Padding on 6 Columns
</div>
</div>
<div class="col-md-12">
<div class="alert alert-danger">
Default 12 Columns
</div>
</div>
</div>
<div class="row">
<h2>
Default Columns
</h2>
<div class="col-md-6">
<div class="alert alert-info">
Default 6 Columns
</div>
</div>
<div class="col-md-6">
<div class="alert alert-info">
Default 6 Columns
</div>
</div>
<div class="col-md-12">
<div class="alert alert-danger">
Default 12 Columns
</div>
</div>
</div>
<div class="row fix-gutters">
<h2>
Removed Padding from All Columns
</h2>
<div class="col-md-6">
<div class="alert alert-info">
Removed Padding from all Columns
</div>
</div>
<div class="col-md-6">
<div class="alert alert-info">
Removed Padding from all Columns
</div>
</div>
<div class="col-md-12">
<div class="alert alert-danger">
Removed Padding from all Columns
</div>
</div>
</div>
</div>
AS de Bootstrap 4.x.x.x.x Vous pouvez y parvenir en appliquant PL-0 à la colonne de gauche et PR-0 à la colonne de droite. Voir SPACING - BOOTSTRAP pour plus d'informations.