Tekstformatering og -stil i Bootstrap

Tekstfarve

Bootstrap tilbyder et sæt hjælpeklasser til at anvende foruddefinerede tekstfarver på elementer.

• text-primary: Angiver tekstfarven til en primær farve, typisk en blå nuance;
• text-secondary: Angiver tekstfarven til en sekundær farve, ofte en grå nuance;
• text-success: Angiver tekstfarven for at indikere succes, typisk en grøn nuance;
• text-danger: Angiver tekstfarven for at indikere fare eller fejl, ofte en rød nuance;
• text-warning: Angiver tekstfarven for at indikere en advarsel, normalt en gul nuance;
• text-info: Angiver tekstfarven for at formidle information, ofte en cyan- eller turkis nuance;
• text-light: Angiver tekstfarven til en lysere nuance, typisk lysegrå eller hvid;
• text-dark: Angiver tekstfarven til en mørkere nuance, typisk mørkegrå eller sort;
• text-muted: Angiver tekstfarven til en dæmpet eller afdæmpet nuance, ofte en lys grå, for at indikere at teksten er mindre vigtig eller deaktiveret.

Disse klasser kan anvendes på elementer som <p>, <span>, <div>, <h> osv.

Teksttransformation

Klasser som text-uppercase, text-lowercase, og text-capitalize transformerer teksten.

• text-uppercase: Konverterer teksten til store bogstaver;
• text-lowercase: Konverterer teksten til små bogstaver;
• text-capitalize: Gør det første bogstav i hvert ord stort i teksten.

Tekstdekoration

Klasser som text-decoration-underline, text-decoration-line-through og text-decoration-none bruges til at dekorere tekst.

• text-decoration-underline: Tilføjer en understregning til teksten;
• text-decoration-line-through: Tilføjer en gennemstregning af teksten;
• text-decoration-none: Fjerner alle tekstdekorationer.