Bootstrap gir flere forskjellige fontstørrelse, som hver tilsvarer en annen skriftstørrelse. Font-størrelse i Bootstrap er et sett med forhåndsdefinerte CSS-stiler som lar utviklere enkelt endre skriftstørrelsen på tekstelementer. Disse klassene kan brukes på hvilken som helst HTML -tag.

Denne oppskrivningen vil forklare fontstørrelse i Bootstrap.

Hva er fontstørrelse i Bootstrap?

I Bootstrap 5 brukes fontstørrelse-klassene ved hjelp av "FS-*", hvor "*”Indikerer fontstørrelsesverdien. "FS-*" -klassene har de forhåndsdefinerte CSS "skriftstørrelse”Eiendom.

For en praktisk demonstrasjon, analyser eksemplet som er angitt nedenfor.

Eksempel

Eksemplet nedenfor viser bootstrap -klassene "FS-1" til "FS-6”. Disse klassene gjør elementets skriftstørrelse lik "

”,“

”,“

”,“

”,“

”, Og“

Henholdsvis elementer. Så legg til “

”Elementer og tilordne dem“FS-*”Klasser for å bruke fontstørrelse klasser:

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Produksjon

Du kan også bruke CSS for å legge til stiler i de ønskede klassene. For eksempel CSS “bakgrunn”Legges til hver klasse. Du kan legge til CSS -stiler i henhold til dine preferanser.

Stil “FS-1” -klasse

.fs-1
bakgrunnsfarge: #CDE990;

Stil “FS-2” -klasse

.fs-2
Bakgrunnsfarge: #AAE3E2;

Stil “FS-3” -klasse

.fs-3
bakgrunnsfarge: #F5C080;

Stil “FS-4” -klasse

.FS-4
Bakgrunnsfarge: #Fedeff;

Stil “FS-5” -klasse

.FS-5
Bakgrunnsfarge: #FAD3E7;

Stil “FS-6” -klasse

.FS-6
bakgrunnsfarge: #BFDB38;

Produksjon

Det handlet om å bruke fontstørrelsesklassene ved hjelp av Bootstrap.

Konklusjon

“FS-*”Klasser i Bootstrap brukes til å bruke skriftstørrelser på elementene, der“*”Symbol betegner verdien fra 1 til 6. Legg først til HTML -elementer for å spesifisere noen tekst. Legg deretter til "FS-*" -klassen til det aktuelle elementet. Disse klassene har CSS “skriftstørrelse”Eiendom med en spesifikk verdi. Denne oppskrivningen har forklart bootstrap fontstørrelse-klasser.