Bootstrap Block žinyno teksto pavyzdžiai

“, „

“, ar daugiau, gali būti naudojami norint pridėti pagalbos tekstą. Šiuo tikslu „ forma-tekstas “ naudojama klasė. Ši klasė turi „ ekranas: blokas ' nuosavybė. Be to, jame taip pat yra viršutinės paraštės ypatybė, kuri padeda tekstui rodyti tam tikroje erdvėje iš kitų įvesties laukų.

Pavyzdys

Peržiūrėkite toliau pateiktą pavyzdį:

---

---

• Pridėkite ' “ elementą formai sukurti.
• Norėdami įtraukti antraštę į įvesties lauką, pridėkite ' “ elementas.
• Po to pridėkite „ <įvestis> elementas su „ formos valdymas “ ir „ įvesties laukas “, kad sukurtumėte įvesties lauką.
• Tada pridėkite „ 'elementas su klasėmis' forma-tekstas “ ir „ nutildytas tekstas “, jei norite pridėti pagalbos tekstą:

< forma >

< span > Įvesti slaptažodį < / span >

< įvestis klasė = 'formos valdymo įvesties laukas' tipo = 'Slaptažodis' >

< div klasė = 'forma-tekstas tekstas-nutildytas' > Jūsų slaptažodis turi būti 8 simbolių ilgio. < / div >

< / forma >

Aukščiau pateiktame kodo fragmente naudojamos klasės aprašytos čia:

• “ formos valdymas ” klasėje yra tam tikras visuotinis įvesties elementų stilius.
• “ forma-tekstas “ klasė prideda stilių į pagalbos tekstą.
• “ nutildytas tekstas “ prie pagalbos teksto pridedami bendrieji stiliai.

Išvestis

Kaip pridėti įkrovos bloko žinyno tekstą naudojant eilutinius elementus?

Įterptieji elementai, tokie kaip „ “ arba „ “ gali būti naudojamas norint pridėti pagalbos tekstą į tinklalapį.

Pavyzdys

Toliau pateiktame pavyzdyje parodytas „ “ eilutinis elementas, skirtas nurodyti pagalbos tekstą:

< forma klasė = 'forma į eilutę' >

< div klasė = 'formos grupė' >

< span >Įveskite savo vardą< / span >

< įvestis klasė = 'formos valdymo įvesties laukas' tipo = 'Slaptažodis' >

< mažas klasė = „tekstas nutildytas“ >Turi būti užpildytas.< / mažas >

< / div >

< / forma >

Galima pastebėti, kad pagalbos tekstas buvo sėkmingai pridėtas:

Tai viskas apie Bootstrap bloko pagalbos tekstą.

Išvada

Norėdami pridėti pagalbos tekstą į „Bootstrap“, „ forma-tekstas “ klasė naudojama bloko lygio pagalbos tekstui pridėti. „ nutildytas tekstas “ klasė naudojama kuriant tiesioginį pagalbos tekstą. „Bootstrap 3“ pagalbos blokas “ naudojama klasė. Tiksliau, pagalbos tekstas gali būti nurodytas su eilutiniais arba bloko lygio elementais. Šiame įraše buvo paaiškinta, kaip naudojant pavyzdžius pridėti pagalbos tekstą į „Bootstrap“.