Primjeri teksta pomoći Bootstrap bloka

Primjeri Teksta Pomoci Bootstrap Bloka



Dok stvaraju bilo koju aplikaciju, programeri je uvijek pokušavaju učiniti jednostavnom za korištenje. Točnije, web-mjesta prilagođena korisniku imaju mnogo čimbenika, uključujući učinkovitu navigaciju, kompatibilnost uređaja, rukovanje pogreškama, itd. Na primjer, dodavanje teksta pomoći s različitim komponentama jedna je takva značajka koja pomaže korisniku u procesu dodavanja teksta u polja za unos .

Ovaj post će vas uputiti u primjere teksta pomoći za blokiranje u Bootstrapu.

Što je Bootstrap Block Text Help?

Tekst pomoći bloka Bootstrap može se stvoriti pomoću ' .forma-tekst ” razred. U verziji Bootstrap 3, ' pomoć-blok ” klasa je korištena za dodavanje teksta pomoći.







Vrste teksta pomoći za Bootstrap blok

Ove navedene vrste elemenata mogu se koristiti za određivanje teksta pomoći:



Kako dodati tekst pomoći za Bootstrap blok pomoću blok elemenata?

Elementi na razini bloka, poput '

”, “

”, ili više, može se koristiti za dodavanje teksta pomoći. U tu svrhu, ' obrazac-tekst ” koristi se klasa. Ova klasa ima ' prikaz: blok ” vlasništvo. Štoviše, također sadrži svojstvo gornje margine koje pomaže da se tekst prikaže na nekom prostoru iz drugih polja za unos.



Primjer

Pogledajte primjer u nastavku:





  • Dodajte ' ” za stvaranje obrasca.
  • Da biste uključili naslov u polje za unos, dodajte ' ” element.
  • Nakon toga dodajte ' ' element s ' kontrola oblika ' i ' polje za unos ” za stvaranje polja za unos.
  • Zatim dodajte ' ' element s klasama ' obrazac-tekst ' i ' tekst bez zvuka ” za dodavanje teksta pomoći:
< oblik >

< raspon > Upišite lozinku < / raspon >

< ulazni razreda = 'unosno polje kontrole obrasca' tip = 'zaporka' >

< div razreda = 'form-tekst tekst-utišan' > Vaša lozinka mora imati 8 znakova. < / div >

< / oblik >

Ovdje su opisane klase korištene u gornjem isječku koda:

  • kontrola oblika ” klasa sadrži neki globalni stil za ulazne elemente.
  • obrazac-tekst ” dodaje stilove tekstu pomoći.
  • tekst bez zvuka ” dodaje opće stilove tekstu pomoći.

Izlaz



Kako dodati tekst pomoći Bootstrap bloka pomoću ugrađenih elemenata?

Umetnuti elementi kao što su ' ' ili ' ” može se koristiti za dodavanje teksta pomoći na web stranicu.

Primjer

Primjer u nastavku pokazuje korištenje ' ” ugrađeni element za navođenje teksta pomoći:

< oblik razreda = 'umetnuti obrazac' >

< div razreda = 'grupa-forma' >

< raspon >Unesite svoje ime< / raspon >

< ulazni razreda = 'unosno polje kontrole obrasca' tip = 'zaporka' >

< mali razreda = 'tekst isključen' >Obavezno ispuniti.< / mali >

< / div >

< / oblik >

Može se uočiti da je tekst pomoći uspješno dodan:

Ovo je sve o tekstu pomoći za Bootstrap blok.

Zaključak

Za dodavanje teksta pomoći u Bootstrap, ' obrazac-tekst ” klasa se koristi za dodavanje teksta pomoći na razini bloka. ' tekst bez zvuka ” klasa se koristi za stvaranje ugrađenog teksta pomoći. U Bootstrapu 3, ' pomoć-blok ” koristi se klasa. Preciznije, tekst pomoći može se specificirati s elementima na razini inline ili bloka. Ovaj post je uz pomoć primjera objasnio kako dodati tekst pomoći u Bootstrap.