Ten post poprowadzi Cię po przykładach tekstu pomocy blokowej w Bootstrap.
Co to jest tekst pomocy Bootstrap Block?
Tekst pomocy bloku Bootstrap można utworzyć za pomocą „ .formularz-tekst ' klasa. W wersji Bootstrap 3 „ blok pomocy ” została użyta do dodania tekstu pomocy.
Typy tekstu pomocy bloku Bootstrap
Te wymienione typy elementów można wykorzystać do określenia tekstu pomocy:
Jak dodać tekst pomocy bloku Bootstrap za pomocą elementów blokowych?
Elementy na poziomie bloku, takie jak „
Przykład
Sprawdź poniższy przykład:
- Dodaj '
”, aby utworzyć formularz. - Aby dołączyć podpis do pola wprowadzania, dodaj „
' element. - Następnie dodaj „
” element z „ kontrola formy ' oraz ' pole wejściowe ”, aby utworzyć pole wprowadzania. - Następnie dodaj „
”element z klasami” tekst formularza ' oraz ' wyciszony tekst ”, aby dodać tekst pomocy:
< Zakres > Wprowadź hasło < / Zakres >
< Wejście klasa = „pole wejściowe kontrolki formularza” rodzaj = 'hasło' >
< dz klasa = „wyciszony tekst formularza” > Twoje hasło musi mieć 8 znaków. < / dz >
< / Formularz >
Klasy użyte w powyższym fragmencie kodu są opisane tutaj:
- “ kontrola formy ” zawiera pewne globalne style dla elementów wejściowych.
- “ tekst formularza ” dodaje style do tekstu pomocy.
- “ wyciszony tekst ” dodaje ogólne style do tekstu pomocy.
Wyjście
Jak dodać tekst pomocy bloku Bootstrap za pomocą elementów wbudowanych?
Elementy wbudowane, takie jak „
Przykład
Poniższy przykład ilustruje użycie „
< dz klasa = „grupa formularzy” >
< Zakres >Wprowadź swoje imię< / Zakres >
< Wejście klasa = 'pole wprowadzania kontrolki formularza' rodzaj = 'hasło' >
< mały klasa = „tekst wyciszony” >Należy wypełnić.< / mały >
< / dz >
< / Formularz >
Można zauważyć, że tekst pomocy został pomyślnie dodany:
To wszystko na temat tekstu pomocy bloku Bootstrap.
Wniosek
Aby dodać tekst pomocy w Bootstrap, „ tekst formularza ” służy do dodawania tekstu pomocy na poziomie bloku. „ wyciszony tekst ” służy do tworzenia wbudowanego tekstu pomocy. W Bootstrap 3 „ blok pomocy używana jest klasa ”. Mówiąc dokładniej, tekst pomocy można określić za pomocą elementów wbudowanych lub blokowych. Ten post wyjaśnił, jak dodać tekst pomocy w Bootstrap za pomocą przykładów.