Textformatering och -stil i Bootstrap

Textfärg

Bootstrap tillhandahåller ett antal hjälparklasser för att applicera fördefinierade textfärger på element.

• text-primary: Anger textfärgen till en primär färg, vanligtvis en blå nyans;
• text-secondary: Anger textfärgen till en sekundär färg, ofta en grå nyans;
• text-success: Anger textfärgen för att indikera framgång, vanligtvis en grön nyans;
• text-danger: Anger textfärgen för att indikera fara eller fel, ofta en röd nyans;
• text-warning: Anger textfärgen för att indikera en varning, vanligtvis en gul nyans;
• text-info: Anger textfärgen för att förmedla information, ofta en cyan- eller turkosnyans;
• text-light: Anger textfärgen till en ljusare nyans, vanligtvis ljusgrå eller vit;
• text-dark: Anger textfärgen till en mörkare nyans, vanligtvis mörkgrå eller svart;
• text-muted: Anger textfärgen till en dämpad eller nedtonad nyans, ofta ljusgrå, för att visa att texten är mindre viktig eller inaktiverad.

Dessa klasser kan appliceras på element såsom <p>, <span>, <div>, <h> etc.

Textomvandling

Klasser som text-uppercase, text-lowercase, och text-capitalize omvandlar texten.

• text-uppercase: Konverterar texten till versaler;
• text-lowercase: Konverterar texten till gemener;
• text-capitalize: Gör första bokstaven i varje ord versal i texten.

Textdekoration

Klasser som text-decoration-underline, text-decoration-line-through och text-decoration-none används för att dekorera text.

• text-decoration-underline: Lägger till en understrykning på texten;
• text-decoration-line-through: Lägger till en genomstrykning på texten;
• text-decoration-none: Tar bort all textdekoration.