Bootstrap 5 färger

Textfärg

Bootstrap 5 har några kontextklasser som kan användas för att ge 'en viss mening uttryckt genom färg'.

Klasser för textfärg är:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（standard body-färg / vanligtvis svart）
  • .text-light

Exempel

Prova själv

Du kan också använda .text-black-50 eller .text-white-50 Lägg till 50% opacitet för svart eller vit text med klassen:

Exempel

Prova själv

Bakgrundsfärg

Klasser för bakgrundsfärg är:

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

Observera att bakgrundsfärgen inte sätter textfärgen, så i vissa fall behöver du använda dem tillsammans med .text-* Använd färgklasser tillsammans.

Exempel

Prova själv