Bootstrap -tekst kapitaliserer med kodeeksempler

Bootstrap -tekst kapitaliserer med kodeeksempler
Bootstrap tilbyr hundrevis av CSS -klasser for enkelt å style HTML -elementer. Disse klassene er forhåndsdesignet med CSS -egenskapene. Alt du trenger å gjøre er å legge den spesifikke bootstrap -klassen til HTML -elementene. Mer spesifikt gir Bootstrap også stylingklasser for å angi tekstens justering og tilfeller. Teksttransform-bootstrap-klassene brukes til å justere teksttilfellene der "*”Betegner“små bokstaver”,“stor bokstav”, Og“kapitalisere”.

Denne artikkelen vil veilede:

  • Hvordan kapitalisere hvert ords første karakter i Bootstrap?
  • Hvordan designe den første bokstaven i teksten i Bootstrap?

Forutsetning: Opprett en HTML -fil

I HTML, legg til "

For å komme i gang, slutte å snakke og begynne å gjøre.

Ovennevnte lagt til “

”Elements tekst vil se slik ut:

Hvordan kapitalisere hvert ords første karakter i Bootstrap?

tekstkapitaliser”Klasse brukes til å kapitalisere hvert ords første bokstav. Denne bootstrap -klassen har en forhåndsdefinert CSS “Teksttransform”Eiendom med verdien”kapitalisere”:

For å komme i gang, slutte å snakke og begynne å gjøre.

Det kan observeres at den første karakteren til hvert ord er blitt kapitalisert:

Hvordan designe den første bokstaven i teksten i Bootstrap?

CSS “::første bokstav”Pseudoklasse brukes til å velge tekstens første bokstav:

.tekst-kapitaliser :: første bokstav
Farge: brun;
Fontstørrelse: 60px;
Fontvekt: fet;

Følgende CSS -egenskaper er spesifisert med den første bokstaven i "

”Element:

  • farge”Justerer skriftfargen.
  • skriftstørrelse”Bestemmer fontens størrelse.
  • Fontvekt”Angir fontens tykkelse.

Produksjon

Det handlet om å utnytte bootstrap -tekstskapitaliseringen med kodeeksempler.

Konklusjon

Støvelhempe "tekstkapitaliser”Klasse brukes til å kapitalisere hvert ords første bokstav. For å kapitalisere den første karakteren til hvert ord i elementet, først, legg til litt tekst ved å bruke elementene, for eksempel "

”,“

", eller mer. Spesifiser deretter "tekstkapitaliserende" -klassen til det aktuelle elementet. Denne oppskrivningen har forklart bootstrap tekstkapitaliserende klasse med kodeeksempler.