Bootstrap 5 Colors

Tekstkleur

Bootstrap 5 heeft enkele contextuele klassen die kunnen worden gebruikt om 'een bepaalde betekenis uitgedrukt in kleur' te bieden.

De klassen voor tekstkleuren zijn:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（standaard body kleur/meestal zwart）
  • .text-light

Voorbeelden

Probeer het zelf

Je kunt ook .text-black-50 of .text-white-50 Voeg 50% ondoorzichtigheid toe aan tekst in zwart of wit:

Voorbeelden

Probeer het zelf

Achtergrondkleur

De klassen voor achtergrondkleuren zijn:

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

Let op, de achtergrondkleur stelt de tekstkleur niet in, dus in sommige gevallen moet je ze combineren met .text-* Gebruik de kleurklassen samen.

Voorbeelden

Probeer het zelf