Exemple de text de ajutor Bootstrap Block

”, “

”, sau mai multe, pot fi utilizate pentru a adăuga text de ajutor. În acest scop, „ formă-text ” se folosește clasa. Această clasă are „ afisare: bloc ” proprietate. Mai mult, conține și proprietatea marginii superioare care ajută textul să se afișeze la un anumit spațiu din alte câmpuri de introducere.

Exemplu

Consultați exemplul de mai jos:

---

---

• Adaugă '
  ” element pentru a crea un formular.
• Pentru a include o legendă în câmpul de introducere, adăugați un „ ' element.
• După aceea, adăugați „ ” element cu “ controlul formei ' și ' câmp de intrare ” pentru a crea un câmp de intrare.
• Apoi, adăugați „ „element cu clasele” formă-text ' și ' text dezactivat ” pentru a adăuga un text de ajutor:

< formă >

< span > Introdu parola < / span >

< intrare clasă = „câmp de intrare de control al formularului” tip = 'parola' >

< div clasă = „form-text text-dezactivat” > Parola dvs. trebuie să aibă 8 caractere. < / div >

< / formă >

Clasele utilizate în fragmentul de cod de mai sus sunt descrise aici:

• „ controlul formei ” clasa conține un stil global pentru elementele de intrare.
• „ formă-text ” clasa adaugă stiluri textului de ajutor.
• „ text dezactivat ” adaugă stiluri generale textului de ajutor.

Ieșire

Cum se adaugă text de ajutor Bootstrap Block folosind elemente inline?

Elementele inline precum „ ” sau ” ” poate fi folosit pentru a adăuga text de ajutor pe pagina web.

Exemplu

Exemplul de mai jos demonstrează utilizarea codului „ ” element inline pentru a specifica textul de ajutor:

< formă clasă = 'form-inline' >

< div clasă = 'grup-form' >

< span >Introduceți numele dvs.< / span >

< intrare clasă = „câmp de intrare de control al formularului” tip = 'parola' >

< mic clasă = „text dezactivat” >Trebuie să fie umplut.< / mic >

< / div >

< / formă >

Se poate observa că textul de ajutor a fost adăugat cu succes:

Acesta este totul despre textul de ajutor al blocului Bootstrap.

Concluzie

Pentru a adăuga text de ajutor în Bootstrap, „ formă-text ” este folosită pentru a adăuga textul de ajutor la nivel de bloc. „ text dezactivat ” clasa este utilizată pentru a crea text de ajutor inline. În Bootstrap 3, „ ajutor-blocare ” se folosește clasa. Mai precis, textul de ajutor poate fi specificat cu elementele inline sau la nivel de bloc. Această postare a explicat cum să adăugați text de ajutor în Bootstrap cu ajutorul exemplelor.