Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Tekststiling og Formatering i Bootstrap | Grunnleggende Konsepter
Bootstrap-essensielt for Moderne Nettsteder

bookTekststiling og Formatering i Bootstrap

Tekstfarge

Bootstrap tilbyr et sett med hjelpeklasser for å bruke forhåndsdefinerte tekstfarger på elementer.

  • text-primary: Angir tekstfargen til en primærfarge, vanligvis en blånyanse;
  • text-secondary: Angir tekstfargen til en sekundærfarge, ofte en grånyanse;
  • text-success: Angir tekstfargen for å indikere suksess, vanligvis en grønnnyanse;
  • text-danger: Angir tekstfargen for å indikere fare eller feil, ofte en rødnyanse;
  • text-warning: Angir tekstfargen for å indikere advarsel, vanligvis en gulfarge;
  • text-info: Angir tekstfargen for å formidle informasjon, ofte en cyan- eller tealnyanse;
  • text-light: Angir tekstfargen til en lysere nyanse, vanligvis lys grå eller hvit;
  • text-dark: Angir tekstfargen til en mørkere nyanse, vanligvis mørk grå eller svart;
  • text-muted: Angir tekstfargen til en dempet eller nedtonet nyanse, ofte lys grå, for å vise at teksten er mindre viktig eller deaktivert.

Disse klassene kan brukes på elementer som <p>, <span>, <div>, <h> osv.

index.html

index.html

copy

Teksttransformasjon

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

  • text-uppercase: Konverterer teksten til store bokstaver;
  • text-lowercase: Konverterer teksten til små bokstaver;
  • text-capitalize: Gjør første bokstav i hvert ord til stor bokstav.
index.html

index.html

copy

Tekstdekorasjon

Klasser som text-decoration-underline, text-decoration-line-through og text-decoration-none brukes for å dekorere tekst.

  • text-decoration-underline: Legger til en understrek på teksten;
  • text-decoration-line-through: Legger til en gjennomstreking på teksten;
  • text-decoration-none: Fjerner all tekstdekorasjon.
index.html

index.html

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 3

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 3.23

bookTekststiling og Formatering i Bootstrap

Sveip for å vise menyen

Tekstfarge

Bootstrap tilbyr et sett med hjelpeklasser for å bruke forhåndsdefinerte tekstfarger på elementer.

  • text-primary: Angir tekstfargen til en primærfarge, vanligvis en blånyanse;
  • text-secondary: Angir tekstfargen til en sekundærfarge, ofte en grånyanse;
  • text-success: Angir tekstfargen for å indikere suksess, vanligvis en grønnnyanse;
  • text-danger: Angir tekstfargen for å indikere fare eller feil, ofte en rødnyanse;
  • text-warning: Angir tekstfargen for å indikere advarsel, vanligvis en gulfarge;
  • text-info: Angir tekstfargen for å formidle informasjon, ofte en cyan- eller tealnyanse;
  • text-light: Angir tekstfargen til en lysere nyanse, vanligvis lys grå eller hvit;
  • text-dark: Angir tekstfargen til en mørkere nyanse, vanligvis mørk grå eller svart;
  • text-muted: Angir tekstfargen til en dempet eller nedtonet nyanse, ofte lys grå, for å vise at teksten er mindre viktig eller deaktivert.

Disse klassene kan brukes på elementer som <p>, <span>, <div>, <h> osv.

index.html

index.html

copy

Teksttransformasjon

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

  • text-uppercase: Konverterer teksten til store bokstaver;
  • text-lowercase: Konverterer teksten til små bokstaver;
  • text-capitalize: Gjør første bokstav i hvert ord til stor bokstav.
index.html

index.html

copy

Tekstdekorasjon

Klasser som text-decoration-underline, text-decoration-line-through og text-decoration-none brukes for å dekorere tekst.

  • text-decoration-underline: Legger til en understrek på teksten;
  • text-decoration-line-through: Legger til en gjennomstreking på teksten;
  • text-decoration-none: Fjerner all tekstdekorasjon.
index.html

index.html

copy

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 3
some-alt