Bootstrap 5-Farben

Textfarbe

Bootstrap 5 hat einige Kontextklassen, die zur Bereitstellung einer "farblich ausgedrückten Bedeutung" verwendet werden können.

Klassen für Textfarben sind:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（Standardfarbe des Körpers/normalerweise schwarz）
  • .text-light

Beispiel

Probieren Sie es selbst aus

Sie können auch .text-black-50 oder .text-white-50 Fügen Sie 50% Transparenz für Text in schwarz oder weiß hinzu:

Beispiel

Probieren Sie es selbst aus

Hintergrundfarbe

Klassen für Hintergrundfarben sind:

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

Bitte beachten Sie, dass die Hintergrundfarbe die Textfarbe nicht festlegt, daher müssen Sie sie in einigen Fällen mit .text-* Kombinieren Sie die Farbklassen.

Beispiel

Probieren Sie es selbst aus