Bootstrap Block -ohjetekstiesimerkkejä

”, “

”, tai useampia, voidaan käyttää ohjetekstin lisäämiseen. Tätä tarkoitusta varten ' muototeksti ” luokkaa käytetään. Tällä luokalla on ' näyttö: lohko ” omaisuutta. Lisäksi se sisältää myös ylämarginaaliominaisuuden, joka auttaa tekstiä näkymään jossain tilassa muista syöttökentistä.

Esimerkki

Katso alla oleva esimerkki:

---

---

• Lisää ' ”-elementti lomakkeen luomiseksi.
• Lisää kuvateksti syöttökenttään lisäämällä ' ”elementtiä.
• Lisää sen jälkeen ' ' elementti ' muodonhallinta ' ja ' syöttökenttä ' luodaksesi syöttökentän.
• Lisää sitten ' 'elementti luokilla' muototeksti ' ja ' teksti mykistetty ' lisätäksesi ohjetekstin:

< muodossa >

< jänneväli > Kirjoita salasana < / jänneväli >

< syöttö luokkaa = 'form-control input-field' tyyppi = 'Salasana' >

< div luokkaa = 'lomaketeksti teksti-mykistetty' > Salasanasi tulee olla 8 merkkiä pitkä. < / div >

< / muodossa >

Yllä olevassa koodinpätkässä käytetyt luokat on kuvattu tässä:

• ' muodonhallinta ” luokka sisältää jonkin verran yleistä tyyliä syöteelementeille.
• ' muototeksti ” luokka lisää tyylejä ohjetekstiin.
• ' teksti mykistetty ” lisää yleisiä tyylejä ohjetekstiin.

Lähtö

Kuinka lisätä Bootstrap Block -ohjetekstiä sisäisten elementtien avulla?

Sisäiset elementit, kuten ' ' tai ' ' -ohjelmalla voidaan lisätä ohjetekstiä verkkosivulle.

Esimerkki

Alla oleva esimerkki havainnollistaa ' ” sisäinen elementti ohjetekstin määrittämiseksi:

< muodossa luokkaa = 'lomake-inline' >

< div luokkaa = 'lomakeryhmä' >

< jänneväli >Kirjoita nimesi< / jänneväli >

< syöttö luokkaa = 'form-control input-field' tyyppi = 'Salasana' >

< pieni luokkaa = 'teksti mykistetty' >täytyy täyttää.< / pieni >

< / div >

< / muodossa >

Voidaan havaita, että ohjeteksti on lisätty onnistuneesti:

Tämä kaikki koskee Bootstrap-lohkon ohjetekstiä.

Johtopäätös

Jos haluat lisätä ohjetekstin Bootstrapiin, ' muototeksti ” -luokkaa käytetään lohkotason ohjetekstin lisäämiseen. ' teksti mykistetty ” -luokkaa käytetään sisäisten ohjetekstien luomiseen. Bootstrap 3:ssa ' avun esto ” luokkaa käytetään. Tarkemmin sanottuna ohjeteksti voidaan määrittää rivi- tai lohkotason elementeillä. Tässä viestissä on selitetty ohjetekstin lisääminen Bootstrapiin esimerkkien avulla.