Comment ajouter un espace vertical entre les lignes dans Twitter Bootstrap sans modifier la classe « ligne » ?

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

L'ajout d'une marge supérieure aux éléments de « ligne » peut améliorer l'attrait visuel de votre page Web. Cependant, la modification directe de la classe « row » dans le framework Twitter Bootstrap est déconseillée, car il s'agit d'un composant crucial de la structure de la page.

Pour résoudre ce problème, une approche plus appropriée consiste à créer une nouvelle classe CSS, telle que "top-buffer", qui fournit la marge souhaitée.

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

En appliquant cette classe à une ligne spécifique, vous pouvez ajouter une marge supérieure sans affecter le comportement par défaut de l'élément "row". Par exemple, si vous souhaitez ajouter une marge supérieure de 20 pixels à une ligne particulière, utilisez simplement le balisage suivant :

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

Cette méthode vous permet d'ajouter une marge supérieure à des lignes individuelles chaque fois que nécessaire, en laissant la classe principale « ligne » non modifiée.

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!