Destacar texto en Bootstrap

07/Oct/2013 Bootstrap ,

Cuando estemos manejando contenido en Bootstrap vamos a ver que es muy sencillo destacar texto. La idea de destacar texto en Bootstrap es conseguir que ciertos párrafos tengan más relevancia que otros.

Lo primero será poner dos párrafos de texto:

  1. <p>Texto destacado</p>
  2. <p>Texto que acompaña al texto destacado, pero que se visualiza normal.</p>

Vemos que hemos utilizado el elemento HTMl P para poder crear dos párrafos de texto. Ahora vamos a destacar texto en Bootstrap, para ello vamos a utilizar la clase lead. Esta clase la vamos a asignar al párrafo a destacar mediante el atributo class.

Ahora el código nos quedará de la siguiente forma:

  1. <p class="lead">Texto destacado</p>
  2. <p>Texto que acompaña al texto destacado, pero que se visualiza normal.</p>

El primer párrafo que es el que contiene el texto destacado con Bootstrap será el que tenga una visualización más grande de los dos.

Solo te queda probarlo en tu navegador, pero no olvides echarle un ojo al artículo Hola Mundo en Bootstrap.

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