Couleurs Bootstrap 5

Couleurs du texte

Bootstrap 5 a quelques classes de contexte, qui peuvent être utilisées pour fournir un 'sens exprimé par la couleur'.

Les classes spécifiques aux couleurs du texte sont :

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（couleur par défaut du body / généralement noire)
  • .text-light

Exemples

Essayez-le vous-même

Vous pouvez également utiliser .text-black-50 ou .text-white-50 Ajouter 50% d'opacité aux textes en noir ou blanc :

Exemples

Essayez-le vous-même

Couleurs de fond

Les classes spécifiques aux couleurs de fond sont :

  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light

Veuillez noter que la couleur de fond ne configure pas la couleur du texte, par conséquent, dans certains cas, vous devez les utiliser avec .text-* Utilisation ensemble des classes de couleur.

Exemples

Essayez-le vous-même