Texto en énfasis con Bootstrap

17/Oct/2013 Bootstrap , 3 Comentarios

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:

  1. <p class="text-muted">Texto apagado</p>
  2. <p class="text-primary">Texto primario</p>
  3. <p class="text-success">Texto para una acción de OK</p>
  4. <p class="text-info">Texto informativo</p>
  5. <p class="text-warning">Texto para una alarma</p>
  6. <p class="text-danger">Texto para un error</p>

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

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

3 comentarios en “Texto en énfasis con Bootstrap”

Víctor Cuervo

Víctor Cuervo

Esperamos seguir hablando mucho más sobre Bootstrap. Gracias por el comentario.

Víctor Cuervo

Diseño Paginas Web Quilmes

muy bueno es el primer blog o pagina que habla de bootstrap en español!

felicitaciones y gracias

Los comentarios están cerrados.