Rettferdiggjøre tekstropstrap med kodeeksempler

Rettferdiggjøre tekstropstrap med kodeeksempler

Bootstrap -klasser har forhåndsdefinert CSS -styling. Disse klassene blir lagt til elementene du vil bruke stiler. Tekstbegrunnelsen i Bootstrap er et viktig aspekt ved webdesign. Det hjelper til med å justere tekst på en webside og forbedre utseendet til en webside. Mer spesifikt, bootstrap “tekst-rettferdig”Klasse brukes til å rettferdiggjøre teksten.

Denne oppskrivningen vil beskrive:

    • Hvordan rettferdiggjøre tekst ved hjelp av Bootstrap?
    • Hvordan rettferdiggjøre tekst ved hjelp av CSS?

Hvordan rettferdiggjøre tekst ved hjelp av Bootstrap?

tekst-rettferdig”Klasse brukes til å rettferdiggjøre teksten. Denne klassen har en forhåndsdefinert CSS “Tekstalign”Eiendom som har verdien”rettferdiggjøre”.

Sjekk ut eksemplet for å se hvordan du legger til "tekst-rettferdig" -klassen til HTML-elementene.

Eksempel

I HTML, legg til "

”Element med klassen“tekst-rettferdig”For å inkludere litt tekstinnhold på websiden:


Linuxhint er det beste nettstedet på nettet. Det gir kvalitetsartikler og videotilfeller for å utdanne verden.


Produksjon

Hvordan rettferdiggjøre tekst ved hjelp av CSS?

CSS “Tekstalign”Eiendom som har verdien”rettferdiggjøre”Brukes for å rettferdiggjøre teksten. Følgende CSS -eksempel viser tekstbegrunnelse.

Eksempel

I HTML, legg til en "

Linuxhint er det beste nettstedet på nettet. Det gir kvalitetsartikler og videotilfeller for å utdanne verden.


CSS

P
Tekstalign: Justify;


I CSS, legg til "Tekstalign”Eiendom med verdien”rettferdiggjøre”Til“ P ”-elementet.

Produksjon


Det kan observeres at justeringen av teksten er satt som berettiget.

Konklusjon

I bootstrap, "tekst-rettferdig”Klasse brukes til å rettferdiggjøre tekstinnholdet på websiden. Denne klassen har en forhåndsdefinert CSS “Tekstalign”Eiendom med verdien som“rettferdiggjøre”. Du kan legge til "tekst-rettferdig" -klassen til elementet som inneholder teksten. Denne oppskrivningen har forklart hvordan du kan rettferdiggjøre teksten ved hjelp av Bootstrap.