Bootstrap Block Hjelp teksteksempler

Mens de lager en hvilken som helst applikasjon, prøver utviklerne alltid å gjøre det brukervennlig. Mer spesifikt har brukervennlige nettsteder mange faktorer, inkludert effektiv navigasjon, enhetskompatibilitet, feilhåndtering osv. For eksempel er det å legge til hjelp til å legge til hjelp til tekst med forskjellige komponenter en slik funksjon som hjelper brukeren i prosessen med å legge til tekst i inngangsfeltene.

Dette innlegget vil guide deg om blokkeringseksempler i Bootstrap.

Hva er Bootstrap Block Help Text?

Bootstrap -blokkeringshjelpsteksten kan opprettes ved hjelp av “.Form-tekst”Klasse. I bootstrap 3 -versjonen, "Hjelpblokk”Klasse ble brukt til å legge til hjelpestekst.

Typer bootstrap block hjelp tekst

Disse vervede typer elementer kan brukes til å spesifisere hjelpeteksten:

• Blokkelementer
• Inline element

Hvordan du legger til bootstrap block -hjelp tekst ved hjelp av blokkelementer?

Elementene på blokknivå, for eksempel “”,“

”, Eller mer, kan brukes til å legge til hjelpestekst. For dette formålet, "Form-tekst”Klasse brukes. Denne klassen har “Display: Block”Eiendom. Dessuten inneholder den også den øverste marginegenskapen som hjelper teksten til å vises på et sted fra andre inngangsfelt.

Eksempel

Sjekk ut eksemplet nedenfor:

• Legg til "”Element for å lage et skjema.
• For å inkludere en bildetekst til inngangsfeltet, legg til en "”Element.
• Etter det, legg til “”Element med“formkontroll”Og“inngangsfelt”For å lage et inngangsfelt.
• Deretter legger du til “”Element med klassene”Form-tekst”Og“tekstmettet”For å legge til en hjelpetekst:

Oppgi passord

Passordet ditt må være 8 tegn langt.

Klassene som brukes i ovennevnte kodebit er beskrevet her:

• “formkontroll”Klassen inneholder noe global styling for inngangselementene.
• “Form-tekst”Klasse legger stiler til hjelpeteksten.
• “tekstmettet”Legger generelle stiler til hjelpeteksten.

Produksjon

Hvordan du legger til bootstrap block hjelp -tekst ved hjelp av inline elementer?

Inline -elementene som "”Eller“”Kan brukes til å legge til hjelpestekst på websiden.

Eksempel

Eksemplet nedenfor viser bruken av "”Inline element for å spesifisere hjelpeteksten:

Skriv inn navnet ditt

Må fylles.

Det kan observeres at hjelpeteksten har blitt lagt til:

Dette handler om Bootstrap Block Help -teksten.

Konklusjon

For å legge til hjelp tekst i bootstrap, "Form-tekst”Klasse brukes til å legge til hjelpesteksten på blokknivå. “tekstmettet”Klasse brukes til å lage inline hjelpestekst. I bootstrap 3, "Hjelpblokk”Klasse brukes. Mer spesifikt kan hjelpeteksten spesifiseres med inline- eller blokknivåelementer. Dette innlegget har forklart hvordan du kan legge til hjelpestekst i Bootstrap ved hjelp av eksempler.