Этот пост расскажет вам о примерах текста справки по блокам в Bootstrap.
Что такое текст справки Bootstrap Block?
Текст справки по блоку Bootstrap можно создать с помощью « .form-текст ' класс. В версии Bootstrap 3 « блок помощи ” использовался для добавления текста справки.
Типы текстов справки по блокам Bootstrap
Эти перечисленные типы элементов могут использоваться для указания текста справки:
Как добавить текст справки Bootstrap Block с помощью блочных элементов?
Элементы блочного уровня, такие как « <дел> », « ”, или более, можно использовать для добавления текста справки. С этой целью « форма-текст используется класс ». Этот класс имеет « дисплей: блок ' имущество. Кроме того, он также содержит свойство верхнего поля, которое помогает отображать текст на некотором расстоянии от других полей ввода.
Пример
Посмотрите пример ниже:
- Добавить ' <форма> ” для создания формы.
- Чтобы включить заголовок в поле ввода, добавьте « <диапазон> элемент.
- После этого добавьте « <ввод> » элемент с « контроль формы ' и ' поле ввода », чтобы создать поле ввода.
- Затем добавьте « <маленький> » элемент с классами « форма-текст ' и ' приглушенный текст », чтобы добавить текст справки:
< охватывать > Введите пароль < / охватывать >
< вход класс знак равно 'поле ввода-управления формой' тип знак равно 'пароль' >
< див класс знак равно 'форма-текст текст-приглушен' > Ваш пароль должен состоять из 8 символов. < / див >
< / форма >
Классы, используемые в приведенном выше фрагменте кода, описаны здесь:
- “ контроль формы ” содержит некоторые глобальные стили для элементов ввода.
- “ форма-текст » добавляет стили к тексту справки.
- “ приглушенный текст ” добавляет общие стили к тексту справки.
Вывод
Как добавить текст справки блока Bootstrap с помощью встроенных элементов?
Встроенные элементы, такие как « <диапазон> ' или ' <маленький> ” можно использовать для добавления текста справки на веб-страницу.
Пример
Пример ниже демонстрирует использование « <маленький> ” для указания текста справки:
< форма класс знак равно 'встроенная форма' >< див класс знак равно 'форм-группа' >
< охватывать >Введите свое имя< / охватывать >
< вход класс знак равно 'поле ввода-управления формой' тип знак равно 'пароль' >
< небольшой класс знак равно 'текст отключен' >Должен быть заполнен.< / небольшой >
< / див >
< / форма >
Можно заметить, что текст справки был успешно добавлен:
Это все о тексте помощи блока Bootstrap.
Заключение
Чтобы добавить текст справки в Bootstrap, « форма-текст ” используется для добавления текста справки на уровне блоков. “ приглушенный текст ” используется для создания встроенного текста справки. В Bootstrap 3 « блок помощи используется класс ». В частности, текст справки может быть указан с помощью встроенных или блочных элементов. В этом посте объясняется, как добавить текст справки в Bootstrap с помощью примеров.