Typografie Teil 2
Textfarbe
Bootstrap bietet eine Reihe von Dienstprogrammen-Klassen, 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, um Erfolg anzuzeigen, typischerweise ein Grünton;text-danger
: Setzt die Textfarbe, um Gefahr oder Fehler anzuzeigen, oft ein Rotton;text-warning
: Setzt die Textfarbe, um eine Warnung anzuzeigen, normalerweise ein Gelbton;text-info
: Setzt die Textfarbe, um Informationen zu vermitteln, oft ein Cyan- oder Tealton;text-light
: Setzt die Textfarbe auf einen helleren Ton, typischerweise hellgrau oder weiß;text-dark
: Setzt die Textfarbe auf einen dunkleren Ton, typischerweise dunkelgrau oder schwarz;text-muted
: Setzt die Textfarbe auf einen gedämpften oder abgeschwächten Ton, oft ein hellgrau, um anzuzeigen, dass der Text weniger wichtig oder deaktiviert ist.
Diese Klassen können auf Elemente wie <p>
, <span>
, <div>
, <h>
usw. angewendet werden.
index.html
Texttransformation
Klassen wie text-uppercase,
text-lowercase,
und text-capitalize
transformieren den Text.
text-uppercase
: Wandelt den Text in Großbuchstaben um;text-lowercase
: Wandelt den Text in Kleinbuchstaben um;text-capitalize
: Kapitalisiert den ersten Buchstaben jedes Wortes im Text.
index.html
Textdekoration
Klassen wie text-decoration-underline
, text-decoration-line-through
und text-decoration-none
werden verwendet, um Text zu dekorieren.
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.
index.html
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 3.23
Typografie Teil 2
Swipe um das Menü anzuzeigen
Textfarbe
Bootstrap bietet eine Reihe von Dienstprogrammen-Klassen, 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, um Erfolg anzuzeigen, typischerweise ein Grünton;text-danger
: Setzt die Textfarbe, um Gefahr oder Fehler anzuzeigen, oft ein Rotton;text-warning
: Setzt die Textfarbe, um eine Warnung anzuzeigen, normalerweise ein Gelbton;text-info
: Setzt die Textfarbe, um Informationen zu vermitteln, oft ein Cyan- oder Tealton;text-light
: Setzt die Textfarbe auf einen helleren Ton, typischerweise hellgrau oder weiß;text-dark
: Setzt die Textfarbe auf einen dunkleren Ton, typischerweise dunkelgrau oder schwarz;text-muted
: Setzt die Textfarbe auf einen gedämpften oder abgeschwächten Ton, oft ein hellgrau, um anzuzeigen, dass der Text weniger wichtig oder deaktiviert ist.
Diese Klassen können auf Elemente wie <p>
, <span>
, <div>
, <h>
usw. angewendet werden.
index.html
Texttransformation
Klassen wie text-uppercase,
text-lowercase,
und text-capitalize
transformieren den Text.
text-uppercase
: Wandelt den Text in Großbuchstaben um;text-lowercase
: Wandelt den Text in Kleinbuchstaben um;text-capitalize
: Kapitalisiert den ersten Buchstaben jedes Wortes im Text.
index.html
Textdekoration
Klassen wie text-decoration-underline
, text-decoration-line-through
und text-decoration-none
werden verwendet, um Text zu dekorieren.
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.
index.html
Danke für Ihr Feedback!