Maison  >  Article  >  interface Web  >  Comment ajouter un espace vertical entre les lignes dans Twitter Bootstrap sans modifier la classe « ligne » ?

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

Linda Hamilton
Linda Hamiltonoriginal
2024-10-30 09:18:27336parcourir

How to Add Vertical Space Between Rows in Twitter Bootstrap Without Modifying the

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn