Exemplos de Texto de Ajuda do Bloco Bootstrap

”, “

”, ou mais, podem ser utilizados para adicionar texto de ajuda. Para tanto, o “ texto de formulário ” é usada. Esta classe tem a função “ exibição: 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 no campo de entrada, adicione um “ ' elemento.
• Depois disso, adicione o “ ” elemento com o “ controle de formulário ' e ' campo de entrada ” para criar um campo de entrada.
• Em seguida, adicione o “ ” elemento com as classes “ texto de formulário ' e ' texto silenciado ” para adicionar um texto de ajuda:

< Formato >

< período > Digite a senha < / período >

< entrada classe = 'campo de entrada de controle de formulário' tipo = 'senha' >

< div classe = 'formulário-texto texto-silenciado' > Sua senha deve ter 8 caracteres. < / div >

< / Formato >

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

• “ controle de formulário ” contém algum estilo global para os elementos de entrada.
• “ texto de formulário ” adiciona estilos ao texto de ajuda.
• “ texto silenciado ” adiciona estilos gerais ao texto de ajuda.

Saída

Como adicionar texto de ajuda do bloco Bootstrap usando elementos embutidos?

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

Exemplo

O exemplo abaixo demonstra o uso do “ ” elemento inline para especificar o texto de ajuda:

< Formato classe = 'formulário' >

< div classe = 'form-group' >

< período >Digite seu nome< / período >

< entrada classe = 'campo de entrada de controle de formulário' tipo = 'senha' >

< pequena classe = 'texto silenciado' >Deve ser preenchido.< / pequena >

< / div >

< / Formato >

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

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

Conclusão

Para adicionar texto de ajuda no Bootstrap, o “ texto de formulário ” é usada para adicionar o texto de ajuda em nível de bloco. O ' texto silenciado ” é utilizada para criar texto de ajuda embutido. No Bootstrap 3, o “ bloco de ajuda ” é usada. Mais especificamente, o texto de ajuda pode ser especificado com elementos inline ou em nível de bloco. Este post explicou como adicionar texto de ajuda no Bootstrap com a ajuda de exemplos.