Bootstrap Block palīdzības teksta piemēri

”, “

”, vai vairāk, var izmantot, lai pievienotu palīdzības tekstu. Šim nolūkam ' forma-teksts ” tiek izmantota klase. Šai klasei ir “ displejs: bloks ” īpašums. Turklāt tajā ir arī augšējās piemales rekvizīts, kas palīdz tekstam parādīties noteiktā vietā no citiem ievades laukiem.

Piemērs

Apskatiet tālāk redzamo piemēru:

---

---

• Pievienojiet '
  ” elementu, lai izveidotu veidlapu.
• Lai ievades laukā iekļautu parakstu, pievienojiet ' ” elements.
• Pēc tam pievienojiet ' ' elements ar ' formas kontrole ' un ' ievades lauks ”, lai izveidotu ievades lauku.
• Pēc tam pievienojiet ' 'elements ar klasēm' forma-teksts ' un ' teksts ir izslēgts ”, lai pievienotu palīdzības tekstu:

< formā >

< span > Ievadi paroli < / span >

< ievade klasē = 'formas kontroles ievades lauks' veids = 'parole' >

< div klasē = 'form-text text-muted' > Jūsu parolei ir jābūt 8 rakstzīmēm garai. < / div >

< / formā >

Iepriekš minētajā koda fragmentā izmantotās klases ir aprakstītas šeit:

• ' formas kontrole ” klase satur dažus globālus ievades elementu stilus.
• ' forma-teksts ” klase palīdzības tekstam pievieno stilus.
• ' teksts ir izslēgts ” palīdzības tekstam pievieno vispārīgus stilus.

Izvade

Kā pievienot Bootstrap bloka palīdzības tekstu, izmantojot iekļautos elementus?

Iekļautie elementi, piemēram, ' ” vai “ ” var izmantot, lai tīmekļa lapai pievienotu palīdzības tekstu.

Piemērs

Tālāk sniegtajā piemērā ir parādīta ' ” iekļauts elements, lai norādītu palīdzības tekstu:

< formā klasē = 'veidlapa iekļauta' >

< div klasē = 'formu grupa' >

< span >Ievadiet savu vārdu< / span >

< ievade klasē = 'formas vadības ievades lauks' veids = 'parole' >

< mazs klasē = 'teksta izslēgta' >Jāaizpilda.< / mazs >

< / div >

< / formā >

Var novērot, ka palīdzības teksts ir veiksmīgi pievienots:

Tas viss attiecas uz Bootstrap bloka palīdzības tekstu.

Secinājums

Lai pievienotu palīdzības tekstu programmā Bootstrap, forma-teksts ” klase tiek izmantota, lai pievienotu bloka līmeņa palīdzības tekstu. ' teksts ir izslēgts ” klase tiek izmantota, lai izveidotu iekļautu palīdzības tekstu. Programmā Bootstrap 3 “ palīdzības bloks ” tiek izmantota klase. Konkrētāk, palīdzības tekstu var norādīt ar iekļautiem vai bloka līmeņa elementiem. Šajā rakstā ir paskaidrots, kā pievienot palīdzības tekstu Bootstrap, izmantojot piemērus.