Exemplos de texto de ajuda de Bloco de Bootstrap

Ao criar qualquer aplicativo, os desenvolvedores sempre tentam torná-lo fácil de usar. Mais especificamente, os sites fáceis de usar têm muitos fatores, incluindo navegação eficaz, compatibilidade de dispositivos, manipulação de erros, etc. Por exemplo, adicionar texto de ajuda com vários componentes é um desses recursos que ajuda o usuário no processo de adição de texto nos campos de entrada.

Esta posta.

O que é o texto do Bloco de Bootstrap?

O texto de ajuda do bloco de bootstrap pode ser criado usando o “.formulário-texto" aula. Na versão de bootstrap 3, a ““Block de ajuda”A classe foi usada para adicionar texto de ajuda.

Tipos de texto de ajuda do bloco de bootstrap

Esses tipos de elementos alistados podem ser utilizados para especificar o texto de ajuda:

• Bloco elementos
• Elemento embutido

Como adicionar o texto do bloco de bootstrap de texto usando elementos de bloco?

Os elementos no nível do bloco, como “","

”, Ou mais, pode ser utilizado para adicionar texto de ajuda. Para esse fim, o “formulário-texto”A classe é usada. Esta aula tem o “Exibir: Bloco" propriedade. Além disso, ele também contém a propriedade de margem superior que ajuda o texto a ser exibido em algum espaço de outros campos de entrada.

Exemplo

Confira o exemplo abaixo:

• Adicione o "”Elemento para criar um formulário.
• Para incluir uma legenda ao campo de entrada, adicione um “" elemento.
• Depois disso, adicione o “”Elemento com o“Controle de forma" e "campo de entrada”Para criar um campo de entrada.
• Então, adicione o “”Elemento com as classes“formulário-texto" e "Mutado por texto”Para adicionar um texto de ajuda:

Digite a senha

Sua senha deve ter 8 caracteres.

As classes usadas no snippet de código acima são descritas aqui:

• ““Controle de forma”A classe contém algum estilo global para os elementos de entrada.
• ““formulário-texto”A classe adiciona estilos ao texto de ajuda.
• ““Mutado por texto”Adiciona estilos gerais ao texto de ajuda.

Saída

Como adicionar o texto do bloco de bootstrap Texto usando elementos embutidos?

Os elementos embutidos como “" ou "”Pode ser usado para adicionar ajuda de texto à página da web.

Exemplo

O exemplo abaixo demonstra o uso do “”Elemento embutido para especificar o texto de ajuda:

Digite seu nome

Deve ser preenchido.

Pode -se observar que o texto de ajuda foi adicionado com sucesso:

Isso é tudo sobre o texto de ajuda do bloco de bootstrap.

Conclusão

Para adicionar ajuda de texto no bootstrap, o “formulário-texto”A classe é usada para adicionar o texto de ajuda no nível do bloco. O "Mutado por texto”A classe é utilizada para criar texto em linha de ajuda em linha. No bootstrap 3, o “Block de ajuda”A classe é usada. Mais especificamente, o texto de ajuda pode ser especificado com os elementos embutidos ou em nível de bloco. Este post explicou como adicionar ajuda texto no bootstrap com a ajuda de exemplos.