Beispiele für Hilfetexte zum Bootstrap-Block

“, „

“ oder mehr können verwendet werden, um Hilfetext hinzuzufügen. Dazu ist die „ Formulartext “-Klasse verwendet wird. Diese Klasse hat die „ Bildschirmsperre ' Eigentum. Darüber hinaus enthält es auch die Eigenschaft oberer Rand, die hilft, den Text in einem gewissen Abstand von anderen Eingabefeldern anzuzeigen.

Beispiel

Sehen Sie sich das folgende Beispiel an:

---

---

• Ergänzen Sie die ' ”-Element, um ein Formular zu erstellen.
• Um dem Eingabefeld eine Beschriftung hinzuzufügen, fügen Sie ein „ ' Element.
• Fügen Sie danach das „ ”-Element mit dem “ Formularkontrolle ' und ' Eingabefeld “, um ein Eingabefeld zu erstellen.
• Fügen Sie dann das „ „Element mit den Klassen“ Formulartext ' und ' Text stummgeschaltet ” um einen Hilfetext hinzuzufügen:

< bilden >

< Spanne > Passwort eingeben < / Spanne >

< Eingang Klasse = 'Formular-Eingabefeld' Art = 'Passwort' >

< div Klasse = 'form-text text-muted' > Ihr Passwort muss 8 Zeichen lang sein. < / div >

< / bilden >

Die im obigen Codeausschnitt verwendeten Klassen werden hier beschrieben:

• „ Formularkontrolle ”-Klasse enthält einige globale Stile für die Eingabeelemente.
• „ Formulartext ”-Klasse fügt dem Hilfetext Stile hinzu.
• „ Text stummgeschaltet “ fügt dem Hilfetext allgemeine Stile hinzu.

Ausgabe

Wie füge ich Bootstrap-Block-Hilfetext mit Inline-Elementen hinzu?

Die Inline-Elemente wie „ ' oder ' “ kann verwendet werden, um Hilfetext zur Webseite hinzuzufügen.

Beispiel

Das folgende Beispiel demonstriert die Verwendung des „ ” Inline-Element, um den Hilfetext anzugeben:

< bilden Klasse = 'form-inline' >

< div Klasse = 'Gruppe formen' >

< Spanne >Geben Sie Ihren Namen ein< / Spanne >

< Eingang Klasse = 'Formular-Eingabefeld' Art = 'Passwort' >

< klein Klasse = 'Text stumm' >Muss ausgefüllt werden.< / klein >

< / div >

< / bilden >

Es kann beobachtet werden, dass der Hilfetext erfolgreich hinzugefügt wurde:

Hier dreht sich alles um den Hilfetext des Bootstrap-Blocks.

Fazit

Um Hilfetext in Bootstrap hinzuzufügen, das „ Formulartext ”-Klasse wird verwendet, um den Hilfetext auf Blockebene hinzuzufügen. Die ' Text stummgeschaltet ”-Klasse wird verwendet, um Inline-Hilfetext zu erstellen. In Bootstrap 3 ist die „ Hilfeblock “-Klasse verwendet wird. Genauer gesagt kann der Hilfetext mit den Inline- oder Block-Level-Elementen angegeben werden. Dieser Beitrag hat anhand von Beispielen erklärt, wie man Hilfetext in Bootstrap hinzufügt.