Sett fontvekt ved hjelp av bootstrap-klasser
Denne oppskrivningen vil beskrive følgende:
- Justere fontvekt ved hjelp av Bootstrap 4-klasser
- Justere fontvekt ved hjelp av Bootstrap 5-klasser
Justere fontvekt ved hjelp av Bootstrap 4-klasser
I Bootstrap 4 blir fontvekten til elementene justert ved hjelp av flere klasser. For praktisk demonstrasjon, gå gjennom seksjonene nedenfor.
Hvordan gjøre fontvekt normal i bootstrap 4?
“Font-vekt-normal”Klasse brukes til å lage normal tekst. Denne klassen har en forhåndsdefinert CSS “Fontvekt”Eiendom med verdien”400”.
Eksempel
Legg til en "”Element med litt tekst og tilordne det“Font-vekt-normal”Klasse.
Html
Font-vekt-normal
Produksjon
Hvordan lage fontvekt lett i bootstrap 4?
“Font-Weight-Light”Klasse gjør teksten tynn. Den har en forhåndsdefinert CSS “Fontvekt”Eiendom med verdien”300”.
Eksempel
I det pågående eksemplet, legg til "Font-Weight-Light" -klassen til "
”Element:
Html
Font-Weight-Light
Produksjon
Hvordan lage fontvekt fet i bootstrap 4?
“Font-vekt-fet”Klasse brukes til å lage fet tekst. Den har en forhåndsdefinert CSS “Font-Weight” -egenskap med verdien ”700”.
Eksempel Html Font-vekt-fet Produksjon Hvordan lage font kursiv i bootstrap 4? “Font-Italic”Klasse brukes til å lage skriften i kursiv stil. Den har en forhåndsdefinert CSS “fontstil”Eiendom med verdien”kursiv”. Eksempel " stikkord: Html Font-Italic Produksjon Justere fontvekt ved hjelp av Bootstrap 5-klasser Ved hjelp av Bootstrap 5 brukes følgende klasser for å justere skriftvekten til forskjellige elementer. Hvordan gjøre fontvekt normal i bootstrap 5? “FW-normal”Klasse brukes til å lage den normale skriftstilen til teksten. Den har en forhåndsdefinert CSS “Font-Weight” -egenskap med verdien ”400”. Eksempel ”Element: Html FW-normal Produksjon Hvordan lage fontvekt fet i bootstrap 5? “Font-vekt-fet”Klasse brukes til å gjøre teksten fet. Den har en forhåndsdefinert CSS “Fontvekt”Klasse med verdien”700”. Eksempel " stikkord. Html fw-fet Produksjon Hvordan lage fontvekt dristigere i bootstrap 5? “FW-Bolder”Klasse brukes til å gjøre teksten dristig. Den har en forhåndsdefinert CSS “Fontvekt”Med verdien”dristigere”. Eksempel ”Element. Html FW-Bolder Produksjon Hvordan lage fontvekt lett i bootstrap 5? “Font-Weight-Light”Klasse brukes til å gjøre teksten lettvekt. Den har en forhåndsdefinert stil av "Fontvekt”Å ha en verdi av“300”. Eksempel ”Element. Html FW-lys Produksjon Hvordan lage fontvekt lettere i bootstrap 5? “Font-vekt-lettere”Klasse brukes til å gjøre teksten lettere vekt. Den har en forhåndsdefinert CSS -stil “Fontvekt”Eiendom med verdien”lighter”. Eksempel ”Element. Html FW-lettere Produksjon Hvordan gjøre fontstil normal i bootstrap 5? “fst-normal”Klassen brukes til å lage den normale stilteksten. Den har en forhåndsdefinert stil av CSS “fontstil”Eiendom med verdien”normal”. Eksempel ”Element. Html fst-normal Produksjon Hvordan lage font stil kursiv i bootstrap 5? “fst-italic”Klasse brukes til å lage teksten i kursiv stil. Den har en forhåndsdefinert stil av "fontstil”Eiendom med verdien”kursiv”. Eksempel ”Element med klassen“ fst-italic ”. Html fst-italic Produksjon Det handlet om å sette fontvekt ved hjelp av bootstrap-klasser. Konklusjon Bootstrap 4 tilbyr flere klasser for å stille inn elementets skriftvekt. Disse inkluderer, "Font-vekt-normal”,“Font-Weight-Light”,“Font-vekt-fet”, Og“Font-Italic”. I bootstrap 5, "FW-normal”,“fw-fet”,“FW-lys”,“FW-Bolder”, Og mer brukes. Denne oppskrivningen har forklart hvordan du angir fontvekten ved hjelp av Bootstrap-klasser.
Legg til "Font-vekt-fet”Klasse til“
Legg til "Font-Italic”Klasse til“
Legg til "FW-normal”Klasse til“
Legg til "FW-Bold" -klassen i "
Legg til "Font-Weight-Bolder" -klassen i "
Legg til "FW-lys" -klassen i "
Legg til "FW-Light" til HTML "
Tilordne den "fst-normale" klassen til "
Tilordne “