Bootstrap Block Help-tekstvoorbeelden

”, “

”, of meer, kunnen worden gebruikt om helptekst toe te voegen. Hiervoor is de “ vorm-tekst ” klasse wordt gebruikt. Deze klas heeft de “ weergave: blok ' eigenschap. Bovendien bevat het ook de eigenschap bovenmarge die ervoor zorgt dat de tekst op enige afstand van andere invoervelden wordt weergegeven.

Voorbeeld

Bekijk het onderstaande voorbeeld:

---

---

• Voeg de ' ”-element om een ​​formulier te maken.
• Om een ​​bijschrift toe te voegen aan het invoerveld, voegt u een ' ”-element.
• Voeg daarna de ' ”-element met de “ vorm-controle ' en ' invoer veld ” om een ​​invoerveld te maken.
• Voeg vervolgens de ' 'element met de klassen' vorm-tekst ' en ' tekst gedempt ” om een ​​helptekst toe te voegen:

< formulier >

< span > Voer wachtwoord in < / span >

< invoer klas = 'form-control invoerveld' type = 'wachtwoord' >

< div klas = 'vorm-tekst tekst-gedempt' > Uw wachtwoord moet 8 tekens lang zijn. < / div >

< / formulier >

De klassen die in het bovenstaande codefragment worden gebruikt, worden hier beschreven:

• “ vorm-controle ” klasse bevat een aantal globale styling voor de input-elementen.
• “ vorm-tekst ” class voegt stijlen toe aan de helptekst.
• “ tekst gedempt ” voegt algemene stijlen toe aan de helptekst.

Uitgang

Hoe Bootstrap Block Help-tekst toe te voegen met behulp van inline-elementen?

De inline elementen zoals “ ' of ' ” kan worden gebruikt om helptekst aan de webpagina toe te voegen.

Voorbeeld

Het onderstaande voorbeeld demonstreert het gebruik van de ' ” inline element om de helptekst te specificeren:

< formulier klas = 'form-inline' >

< div klas = 'form-groep' >

< span >Voer uw naam in< / span >

< invoer klas = 'form-control invoerveld' type = 'wachtwoord' >

< klein klas = 'tekst gedempt' >Moet worden ingevuld.< / klein >

< / div >

< / formulier >

Het is te zien dat de helptekst succesvol is toegevoegd:

Dit gaat allemaal over de Help-tekst van het Bootstrap-blok.

Gevolgtrekking

Om helptekst toe te voegen in Bootstrap, de ' vorm-tekst ” klasse wordt gebruikt om de helptekst op blokniveau toe te voegen. De ' tekst gedempt ” class wordt gebruikt om inline helptekst te maken. In Bootstrap 3, de ' help-blok ” klasse wordt gebruikt. Meer specifiek kan de helptekst gespecificeerd worden met de inline of block-level elementen. In dit bericht is uitgelegd hoe u helptekst kunt toevoegen in Bootstrap met behulp van voorbeelden.