Comment supprimer les gouttières dans Bootstrap ?

Suppression des gouttières de colonnes dans Bootstrap

Bootstrap utilise le remplissage pour créer des gouttières entre ses colonnes. Cependant, dans certains cas, vous préférerez peut-être éliminer cet espacement sans recourir à des ajustements manuels.

Bootstrap 5 et versions ultérieures

Avec les versions 5 et ultérieures de Bootstrap, le . la classe sans gouttières a été remplacée par .g-0. Pour supprimer les gouttières d'une ligne, appliquez-y simplement cette classe.

Bootstrap 4

Bootstrap 4 a introduit la classe .no-gutters pour les éléments de ligne, offrant un contrôle direct sur l'élimination des gouttières.

Bootstrap 3.4.0 et Ci-dessus

Bootstrap 3.4.0 a introduit la classe .row-no-gutters pour supprimer les gouttières à l'aide de modifications de remplissage.

Bootstrap 3 (<= 3.3.9)

Pour les versions 3 de Bootstrap jusqu'à 3.3.9, la personnalisation nécessite du CSS supplémentaire avec des classes comme .no-gutter pour ajuster à la fois la marge et le remplissage.

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!