Textgestaltung und -Formatierung in Bootstrap

Textfarbe

Bootstrap stellt eine Reihe von Utility-Klassen zur Verfügung, um vordefinierte Textfarben auf Elemente anzuwenden.

• text-primary: Setzt die Textfarbe auf eine Primärfarbe, typischerweise ein Blauton;
• text-secondary: Setzt die Textfarbe auf eine Sekundärfarbe, oft ein Grauton;
• text-success: Setzt die Textfarbe zur Anzeige von Erfolg, typischerweise ein Grünton;
• text-danger: Setzt die Textfarbe zur Anzeige von Gefahr oder Fehler, oft ein Rotton;
• text-warning: Setzt die Textfarbe zur Anzeige einer Warnung, üblicherweise ein Gelbton;
• text-info: Setzt die Textfarbe zur Vermittlung von Informationen, oft ein Cyan- oder Türkiston;
• text-light: Setzt die Textfarbe auf einen helleren Farbton, typischerweise Hellgrau oder Weiß;
• text-dark: Setzt die Textfarbe auf einen dunkleren Farbton, typischerweise Dunkelgrau oder Schwarz;
• text-muted: Setzt die Textfarbe auf einen abgeschwächten oder dezenten Farbton, oft ein helles Grau, um anzuzeigen, dass der Text weniger wichtig oder deaktiviert ist.

Diese Klassen können auf Elemente wie <p>, <span>, <div>, <h> usw. angewendet werden.

Textumwandlung

Klassen wie text-uppercase,, text-lowercase, und text-capitalize wandeln den Text um.

• text-uppercase: Wandelt den Text in Großbuchstaben um;
• text-lowercase: Wandelt den Text in Kleinbuchstaben um;
• text-capitalize: Schreibt den ersten Buchstaben jedes Wortes im Text groß.

Textdekoration

Klassen wie text-decoration-underline, text-decoration-line-through und text-decoration-none werden zur Gestaltung von Text verwendet.

• text-decoration-underline: Fügt dem Text eine Unterstreichung hinzu;
• text-decoration-line-through: Fügt dem Text eine Durchstreichung hinzu;
• text-decoration-none: Entfernt alle Textdekorationen.