Ejemplos de texto de ayuda del bloque Bootstrap

”, “

”, o más, se pueden utilizar para agregar texto de ayuda. Para tal efecto, el “ formulario-texto Se utiliza la clase ”. Esta clase tiene el “ bloqueo de pantalla ' propiedad. Además, también contiene la propiedad de margen superior que ayuda a que el texto se muestre en algún espacio de otros campos de entrada.

Ejemplo

Mira el ejemplo a continuación:

---

---

• Añade el ' ” elemento para crear un formulario.
• Para incluir un título en el campo de entrada, agregue un ' ' elemento.
• Después de eso, agregue el ' elemento ” con el “ control de forma ' y ' campo de entrada ” para crear un campo de entrada.
• Luego, agregue el “ ” elemento con las clases “ formulario-texto ' y ' texto silenciado ” para agregar un texto de ayuda:

< formulario >

< lapso > Introducir la contraseña < / lapso >

< aporte clase = 'campo de entrada de control de formulario' escribe = 'contraseña' >

< división clase = 'forma-texto texto-silenciado' > Tu contraseña debe tener 8 caracteres. < / división >

< / formulario >

Las clases utilizadas en el fragmento de código anterior se describen aquí:

• “ control de forma La clase ” contiene algunos estilos globales para los elementos de entrada.
• “ formulario-texto La clase ” agrega estilos al texto de ayuda.
• “ texto silenciado ” agrega estilos generales al texto de ayuda.

Producción

¿Cómo agregar texto de ayuda de Bootstrap Block usando elementos en línea?

Los elementos en línea como “ ' o ' ” se puede utilizar para agregar texto de ayuda a la página web.

Ejemplo

El siguiente ejemplo demuestra el uso de ' ” elemento en línea para especificar el texto de ayuda:

< formulario clase = 'formulario en línea' >

< división clase = 'grupo de forma' >

< lapso >Ingrese su nombre< / lapso >

< aporte clase = 'campo de entrada de control de formulario' escribe = 'contraseña' >

< pequeña clase = 'texto silenciado' >Debe ser llenado.< / pequeña >

< / división >

< / formulario >

Se puede observar que el texto de ayuda se ha agregado con éxito:

Esto es todo sobre el texto de ayuda del bloque Bootstrap.

Conclusión

Para agregar texto de ayuda en Bootstrap, el ' formulario-texto La clase ” se usa para agregar el texto de ayuda a nivel de bloque. Él ' texto silenciado La clase ” se utiliza para crear texto de ayuda en línea. En Bootstrap 3, el “ bloque de ayuda Se utiliza la clase ”. Más específicamente, el texto de ayuda se puede especificar con los elementos en línea o a nivel de bloque. Esta publicación ha explicado cómo agregar texto de ayuda en Bootstrap con la ayuda de ejemplos.