Comment ajouter un espacement vertical entre les lignes dans Bootstrap sans modifier la classe de ligne ?

Ajout d'un espacement vertical entre les lignes dans Twitter Bootstrap

La classe de lignes de Bootstrap est essentielle pour la structure des pages. Cependant, dans les situations où vous avez besoin d'une marge supérieure supplémentaire entre les lignes, il n'est pas judicieux de modifier la classe de lignes elle-même.

Solution : créez une classe personnalisée

Au lieu de cela, créez une classe personnalisée, telle que « top-buffer », pour obtenir cet effet. Cette approche évite d'interférer avec le framework Bootstrap de base et permet une flexibilité dans l'ajout de marge supérieure uniquement lorsque cela est nécessaire.

Déclaration CSS :

<code class="css">.top-buffer {
  margin-top: 20px;
}</code>

Implémentation HTML :

Appliquez la classe "top-buffer" aux lignes spécifiques qui nécessitent un espacement de la marge supérieure.

<code class="html"><div class="row top-buffer">...</div></code>

Cette solution offre une approche plus propre et plus ciblée pour ajouter un espacement vertical entre les lignes tout en préservant l'intégrité du système de grille Bootstrap.

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!