 Textformatering och -stil i Bootstrap
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.
index.html
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.
index.html
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.
index.html
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
What are some examples of using these text utility classes in HTML?
Can I combine multiple text utility classes on a single element?
Are these text utility classes responsive or can they be used with breakpoints?
Awesome!
Completion rate improved to 3.23 Textformatering och -stil i Bootstrap
Textformatering och -stil i Bootstrap
Svep för att visa menyn
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.
index.html
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.
index.html
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.
index.html
Tack för dina kommentarer!