Comment faire des marges avec Bootstrap 5 ?

Réponses rédigées par Antoine
Dernière mise à jour : 2022-01-23 13:20:45
Thèmes : bootstrap - bootstrap-5 - marge
Question

Bonjour, comment faire des marges internes ou externes (padding ou margin) avec Bootstrap 5 ?

Par exemple, comment faire pour ajouter une marge externe (margin) à gauche d'un bouton ?

<button class="btn btn-danger">bouton</button>
Réponse

Pour ajouter des marges avec Bootstrap 5, vous devez utiliser la CLASS m pour les marges externes, et la class p pour les marges internes.

Pour la direction des marges de Bootstrap 5 vous devez ajouter les CLASS suivantes :

  • t pour le haut (top)
  • b pour le bas (bottom)
  • s pour la gauche (start)
  • e pour la droite (end)

Remarque : La taille des marges de Bootstrap 5 vont de 0 à 5.

Pour reprendre votre exemple, voici donc comment ajouter une marge externe à gauche avec Bootstrap 5 :

<button class="btn btn-danger ms-3">bouton</button>

Vous trouverez d'avantage d'informations sur la manière d'ajouter des marges avec Bootstrap 5 via cette page.