Textfarben text-*

text-primary – Primärfarbe (Blau)

text-secondary – Sekundärfarbe (Grau)

text-success – Erfolg (Grün)

text-danger – Gefahr (Rot)

text-warning – Warnung (Gelb)

text-info – Info (Cyan)

text-light – Hell (auf dunklem Hintergrund)

text-dark – Dunkel

text-muted – Gedämpft

text-white – Weiß

Hintergrundfarben bg-*

Schriftgrößen fs-* / h1–h6

fs-1 – sehr groß (2.5rem)

fs-2 – groß (2rem)

fs-3 – mittelgroß (1.75rem)

fs-4 – normal groß (1.5rem)

fs-5 – etwas kleiner (1.25rem)

fs-6 – klein (1rem)

Überschriften

h1 – Überschrift 1

h2 – Überschrift 2

h3 – Überschrift 3

h4 – Überschrift 4

h5 – Überschrift 5

h6 – Überschrift 6

Mit .display-* für Hero-Texte:

display-1

display-4

display-6

Schriftstil & Gewicht

fw-bold – Fett

fw-semibold – Halbfett

fw-normal – Normal

fw-light – Leicht

fst-italic – Kursiv

fst-normal – Normal (kein Kursiv)

text-decoration-underline – Unterstrichen

text-decoration-line-through – Durchgestrichen

text-uppercase – Großbuchstaben

TEXT-LOWERCASE – Kleinbuchstaben

text-capitalize – Erster buchstabe groß

Lead & Blockquote

Dies ist ein Lead-Text. Er wird etwas größer und leichter dargestellt als normaler Text.

Kombiniertes Beispiel