Bootstrap 5 tekst fet med kodeeksempler

Bootstrap hjelper til med å lage mobilvennlige og responsive websider. Mer spesifikt bringer Bootstrap 5 flere nye tillegg og forbedringer, inkludert en ny metode for å fete tekst. I forrige versjon (bootstrap 4), "Font-vekt-fet”Klasse brukes til å gjøre tekst fet. Imidlertid, i bootstrap 5, "fw-fet”Klasse brukes til dette formålet.

Dette innlegget vil instruere deg om hvordan du lager fet tekst i Bootstrap 5.

Bootstrap 5 tekst fet med kodeeksempler

I bootstrap 5, "fw-fet”Klasse brukes til å gjøre teksten fet. I “Støvelhempe.CSS”-Filen,“ FW-Bold ”-klassen har“Fontvekt”Eiendom med verdien”700”.

Eksempel 1: Hvordan lage tekst fet i bootstrap 5?

Sjekk ut eksemplet nevnt nedenfor:

• Legg til to “

  ”Elementer som viser henholdsvis den normale og fet teksten.

• Spesifiser “Tekstsenter”Som klassen for begge elementene.
• “fw-fet”Klasse er tildelt det andre“

  ”Element bare for å se forskjellen.

• “tekst-far”Klasse viser teksten i rød farge.

Her er HTML -koden:

Linuxhint

Linuxhint

Produksjon

Eksempel 2: Hvordan lage tekst fet innen et avsnitt?

Mens vi leser en bok eller forskning, ser vi fet tekst i avsnittet. Disse dristige begrepene formidler deres betydning for leserne. Den dristige teksten må være dristig nok til å skille seg ut. Det må imidlertid ikke forstyrre leserne visuelt.

La oss se hvordan du kan gjøre teksten fet innen avsnittet:

Linuxhint er det beste> opplæringsnettstedet . Det gir kvalitet> artikler og> videoinnhold å utdanne verden!

Det kan observeres at de valgte tekstdelene har fet skriftstil:

Vi har samlet eksemplene til fet tekst i Bootstrap 5 med eksempler.

Konklusjon

I bootstrap 5, "fw-fet”Klasse brukes til å gjøre skriften fet skrift. Denne klassen er erklært med "Fontvekt”Eiendom som har verdien”700”. For å gjøre teksten fet i avsnittet, bruk inline -elementet, for eksempel “”Med klassen“ FW-Bold ”. Dette innlegget har forklart hvordan du gjør tekst fet i bootstrap 5 med eksempler.