Bootstrap Block hjelpeteksteksempler

', '

”, eller flere, kan brukes til å legge til hjelpetekst. For dette formålet ' form-tekst ” klasse brukes. Denne klassen har ' display: blokk ' eiendom. Dessuten inneholder den også toppmarginegenskapen som hjelper teksten å vises på et sted fra andre inndatafelt.

Eksempel

Sjekk ut eksempelet nedenfor:

---

---

• Legg til ' ' element for å lage et skjema.
• For å inkludere en bildetekst i inndatafeltet, legg til en ' ' element.
• Etter det legger du til ' ' element med ' form-kontroll ' og ' inndatafelt ' for å lage et inndatafelt.
• Deretter legger du til ' ' element med klassene ' form-tekst ' og ' tekst-dempet ' for å legge til en hjelpetekst:

< form >

< span > Oppgi passord < / span >

< input klasse = 'skjema-kontroll input-field' type = 'passord' >

< div klasse = 'form-tekst tekst-dempet' > Passordet ditt må være 8 tegn langt. < / div >

< / form >

Klassene som brukes i kodebiten ovenfor er beskrevet her:

• ' form-kontroll ”-klassen inneholder noe global stil for inngangselementene.
• ' form-tekst ” klasse legger til stiler i hjelpeteksten.
• ' tekst-dempet ” legger til generelle stiler i hjelpeteksten.

Produksjon

Hvordan legge til Bootstrap Block-hjelpetekst ved å bruke innebygde elementer?

De innebygde elementene som ' ' eller ' ” kan brukes til å legge til hjelpetekst på nettsiden.

Eksempel

Eksemplet nedenfor viser bruken av ' ' innebygd element for å spesifisere hjelpeteksten:

< form klasse = 'form-inline' >

< div klasse = 'form-gruppe' >

< span >Skriv inn navnet ditt< / span >

< input klasse = 'skjema-kontroll input-field' type = 'passord' >

< liten klasse = 'tekst-dempet' >Må fylles ut.< / liten >

< / div >

< / form >

Det kan observeres at hjelpeteksten er lagt til:

Dette handler om Bootstrap-blokkens hjelpetekst.

Konklusjon

For å legge til hjelpetekst i Bootstrap, ' form-tekst ”-klassen brukes til å legge til hjelpeteksten på blokknivå. « tekst-dempet Klasse brukes til å lage innebygd hjelpetekst. I Bootstrap 3, ' hjelpeblokk ” klasse brukes. Mer spesifikt kan hjelpeteksten spesifiseres med inline- eller blokknivåelementene. Dette innlegget har forklart hvordan du legger til hjelpetekst i Bootstrap ved hjelp av eksempler.