Овај пост ће вас водити о примерима текста помоћи за блок у Боотстрапу.
Шта је Боотстрап Блоцк текст помоћи?
Текст помоћи за Боотстрап блок може се креирати помоћу „ .форма-текст ' класа. У верзији Боотстрап 3, „ помоћ-блок ” класа је коришћена за додавање текста помоћи.
Типови Боотстрап Блоцк текста помоћи
Ови наведени типови елемената се могу користити за одређивање текста помоћи:
Како додати текст помоћи за блок за покретање помоћу блок елемената?
Елементи на нивоу блока, као што су „ <див> ”, “ <п> “, или више, може се користити за додавање текста помоћи. У ту сврху, „ форма-текст ” се користи класа. Овај разред има „ дисплеј блок ' имовина. Штавише, садржи и својство горње маргине које помаже да се текст прикаже на неком простору из других поља за унос.
Пример
Погледајте пример у наставку:
- Додајте ' <форм> ” елемент за креирање обрасца.
- Да бисте укључили наслов у поље за унос, додајте „ <спан> ” елемент.
- Након тога, додајте „ <инпут> ” елемент са „ контрола облика ' и ' поље за унос ” да бисте креирали поље за унос.
- Затим додајте „ <смалл> ” елемент са класама “ форма-текст ' и ' текст искључен ” да додате текст помоћи:
< спан > Унесите лозинку < / спан >
< улазни класа = „поље за унос контроле обрасца“ тип = 'Лозинка' >
< див класа = „форма-тект тект-мутед“ > Ваша лозинка мора имати 8 знакова. < / див >
< / форму >
Класе које се користе у горњем исечку кода су описане овде:
- “ контрола облика ” класа садржи неке глобалне стилове за улазне елементе.
- “ форма-текст ” класа додаје стилове у текст помоћи.
- “ текст искључен ” додаје опште стилове у текст помоћи.
Излаз
Како додати текст помоћи за блок за покретање помоћу уметнутих елемената?
Уграђени елементи као што су „ <спан> ” или “ <смалл> ” се може користити за додавање текста помоћи на веб страницу.
Пример
Пример испод показује употребу „ <смалл> ” уметнути елемент за навођење текста помоћи:
< форму класа = 'форм-инлине' >< див класа = 'форма-група' >
< спан >Унесите своје име< / спан >
< улазни класа = „поље за унос контроле обрасца“ тип = 'Лозинка' >
< мали класа = „текст је искључен“ >Мора бити попуњено.< / мали >
< / див >
< / форму >
Може се приметити да је текст помоћи успешно додат:
Ово је све о тексту помоћи за Боотстрап блок.
Закључак
Да бисте додали текст помоћи у Боотстрап, „ форма-текст ” класа се користи за додавање текста помоћи на нивоу блока. „ текст искључен ” класа се користи за креирање инлине текста помоћи. У Боотстрапу 3, „ помоћ-блок ” се користи класа. Прецизније, текст помоћи може бити специфициран са уметнутим елементима или елементима на нивоу блока. Овај пост је објаснио како додати текст помоћи у Боотстрап уз помоћ примера.