Artículos
Bootstrap

Texto en énfasis con Bootstrap

17/Oct/2013

Bootstrap nos permite varias formas de poner un texto en énfasis. El texto en énfasis con Bootstrap se maneja mediante una serie de clases de utilidad las cuales dan un formato a dicho texto.

El formato del texto en énfasis con Bootstrap hace que dicho texto sobresalga del texto del texto contenido en la página. Los formatos de texto que nos proporciona Bootstrap son:

  • Texto apagado, muestra el texto en un color gris que hace parecer que el texto está deshabilitado. La clase que lo representa en text-muted.
  • Texto primario, nos muestra un énfasis normal. La clase que lo representa es text-primary.
  • Texto de una acción OK, mediante un color verde nos muestra texto enfatizado que representa una actividad de OK. La clase que lo representa es text-success.
  • Texto informativo, nos sirve para mostrar texto de información al usuario. La clase que lo representa es text-info.
  • Texto para una alarma, sirve para mostrar énfasis en un texto de alarma o warning del usuario. La clase que lo representa es text-warning.
  • Texto para un error, énfasis para textos de error. La clase que lo representa es text-danger.

Siguiendo lo explicado de las formas de poner texto en énfasis con Bootstrap podemos codificar lo siguiente:

Texto apagado

Texto primario

Texto para una acción de OK

Texto informativo

Texto para una alarma

Texto para un error

Vemos que cada elemento tiene su clase Bootstrap dependiendo del tipo de énfasis que queramos utilizar.

Vídeos sobre Bootstrap

Disfruta también de nuestros artículos sobre Bootstrap en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Bootstrap

¿Te atreves a probar tus habilidades y conocimiento en Bootstrap con nuestro test?

Test Bootstrap
Suscribir
Notificar de
guest
3 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios