Tekstkleur

Bootstrap biedt een reeks hulpprogrammaklassen voor het toepassen van vooraf gedefinieerde tekstkleuren op elementen.

• text-primary: Stelt de tekstkleur in op een primaire kleur, meestal een tint blauw;
• text-secondary: Stelt de tekstkleur in op een secundaire kleur, vaak een tint grijs;
• text-success: Stelt de tekstkleur in om succes aan te geven, meestal een tint groen;
• text-danger: Stelt de tekstkleur in om gevaar of een fout aan te geven, vaak een tint rood;
• text-warning: Stelt de tekstkleur in om een waarschuwing aan te geven, meestal een tint geel;
• text-info: Stelt de tekstkleur in om informatie over te brengen, vaak een tint cyaan of teal;
• text-light: Stelt de tekstkleur in op een lichtere tint, meestal lichtgrijs of wit;
• text-dark: Stelt de tekstkleur in op een donkere tint, meestal donkergrijs of zwart;
• text-muted: Stelt de tekstkleur in op een gedempte of subtiele tint, vaak lichtgrijs, om aan te geven dat de tekst minder belangrijk of uitgeschakeld is.

Deze klassen kunnen worden toegepast op elementen zoals <p>, <span>, <div>, <h> enz.

Teksttransformatie

Klassen zoals text-uppercase, text-lowercase, en text-capitalize transformeren de tekst.

• text-uppercase: Zet de tekst om naar hoofdletters;
• text-lowercase: Zet de tekst om naar kleine letters;
• text-capitalize: Zet de eerste letter van elk woord in de tekst om naar een hoofdletter.

Tekstopmaak

Klassen zoals text-decoration-underline, text-decoration-line-through en text-decoration-none worden gebruikt om tekst te decoreren.

• text-decoration-underline: Voegt een onderstreping toe aan de tekst;
• text-decoration-line-through: Voegt een doorhaling toe aan de tekst;
• text-decoration-none: Verwijdert alle tekstdecoraties.