Dette indlæg vil guide dig om eksempler på blokhjælpetekster i Bootstrap.
Hvad er Bootstrap Block hjælpetekst?
Bootstrap-blokkens hjælpetekst kan oprettes ved at bruge ' .form-tekst ' klasse. I Bootstrap 3-versionen er ' hjælpe-blok ” klasse blev brugt til at tilføje hjælpetekst.
Typer af Bootstrap Block hjælpetekst
Disse angivne typer elementer kan bruges til at specificere hjælpeteksten:
Hvordan tilføjes Bootstrap Block hjælpetekst ved hjælp af blokelementer?
Elementerne på blokniveau, såsom ' Se eksemplet nedenfor: Klasserne brugt i ovenstående kodestykke er beskrevet her: Produktion De inline-elementer som ' ' eller ' Eksemplet nedenfor viser brugen af ' Det kan ses, at hjælpeteksten er blevet tilføjet med succes: Det hele handler om hjælpeteksten til Bootstrap-blok. For at tilføje hjælpetekst i Bootstrap, ' form-tekst ” klasse bruges til at tilføje hjælpeteksten på blokniveau. Det ' tekst-dæmpet ” klasse bruges til at skabe inline hjælpetekst. I Bootstrap 3 er ' hjælpe-blok ” klasse bruges. Mere specifikt kan hjælpeteksten specificeres med inline- eller blokniveauelementerne. Dette indlæg har forklaret, hvordan du tilføjer hjælpetekst i Bootstrap ved hjælp af eksempler.
Eksempel
< form >
< span > Indtast adgangskode < / span >
< input klasse = 'form-kontrol input-felt' type = 'adgangskode' >
< div klasse = 'form-tekst tekst-dæmpet' > Dit kodeord skal være på 8 tegn. < / div >
< / form >
Hvordan tilføjer man Bootstrap Block-hjælpetekst ved hjælp af inline-elementer?
Eksempel
< div klasse = 'form-gruppe' >
< span >Indtast dit navn< / span >
< input klasse = 'form-kontrol input-felt' type = 'adgangskode' >
< lille klasse = 'tekst-dæmpet' >Skal udfyldes.< / lille >
< / div >
< / form > Konklusion