Esempi di testo della guida del blocco Bootstrap

”, “

”, o più, può essere utilizzato per aggiungere testo di aiuto. A tal fine il “ forma-testo ” viene utilizzata la classe. Questa classe ha il ' blocco di visualizzazione ' proprietà. Inoltre, contiene anche la proprietà del margine superiore che consente di visualizzare il testo in uno spazio rispetto ad altri campi di input.

Esempio

Guarda l'esempio qui sotto:

---

---

• Aggiungi il ' ” per creare un modulo.
• Per includere una didascalia nel campo di input, aggiungi un ' elemento '.
• Successivamente, aggiungi ' ” elemento con il “ controllo della forma ' e ' Campo di inserimento ” per creare un campo di input.
• Quindi, aggiungi il ' ” elemento con le classi “ forma-testo ' e ' testo disattivato ” per aggiungere un testo di aiuto:

< modulo >

< span > Inserire la password < / span >

< ingresso classe = 'campo di input controllo modulo' genere = 'parola d'ordine' >

< div classe = 'modulo-testo testo-disattivato' > La tua password deve essere lunga 8 caratteri. < / div >

< / modulo >

Le classi utilizzate nel frammento di codice precedente sono descritte qui:

• “ controllo della forma La classe contiene alcuni stili globali per gli elementi di input.
• “ forma-testo La classe aggiunge stili al testo della guida.
• “ testo disattivato ” aggiunge stili generali al testo della guida.

Produzione

Come aggiungere il testo della guida del blocco Bootstrap utilizzando gli elementi in linea?

Gli elementi in linea come ' ' o ' ” può essere utilizzato per aggiungere testo di aiuto alla pagina web.

Esempio

L'esempio seguente dimostra l'uso del ' ” elemento inline per specificare il testo della guida:

< modulo classe = 'modulo in linea' >

< div classe = 'gruppo di moduli' >

< span >Inserisci il tuo nome< / span >

< ingresso classe = 'campo di input controllo modulo' genere = 'parola d'ordine' >

< piccolo classe = 'testo disattivato' >Da compilare.< / piccolo >

< / div >

< / modulo >

Si può osservare che il testo della guida è stato aggiunto con successo:

Questo è tutto sul testo della guida del blocco Bootstrap.

Conclusione

Per aggiungere testo di aiuto in Bootstrap, il ' forma-testo La classe ” viene utilizzata per aggiungere il testo della guida a livello di blocco. Il ' testo disattivato La classe ” viene utilizzata per creare testo di aiuto in linea. In Bootstrap 3, il ' blocco-aiuto ” viene utilizzata la classe. Più specificamente, il testo di aiuto può essere specificato con gli elementi in linea oa livello di blocco. Questo post ha spiegato come aggiungere testo di aiuto in Bootstrap con l'aiuto di esempi.