Destacar texto en Bootstrap

07/Oct/2013 Bootstrap , Deja un comentario

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.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*