Bootstrap 3 permite añadir énfasis a determinadas partes del texto mediante las etiquetas HTML habituales.
3.3.1. Texto poco importante
Para marcar una parte del texto o todo un bloque de texto como poco importante, utiliza la etiqueta <small>. Bootstrap muestra ese contenido con un tamaño de letra igual al 85% del tamaño de letra de su elemento padre. En el caso de los titulares (<h1>, ..., <h6>) el tamaño de los elementos <small> se ajusta de otra forma para que tengan un mejor aspecto.
Ejemplo:
<p><small>Este contenido de texto se verá más pequeño y puede ser utilizado por ejemplo para "la letra pequeña" de la página.</small></p>Así se ve este ejemplo en tu navegador:
Y esta es la imagen del aspecto que debería tener este ejemplo:
Figura 3.5 Texto poco importante en Bootstrap 3
3.3.2. Texto en negrita
Utiliza la etiqueta <bold> para añadir énfasis a un texto mostrándolo en negrita.
Ejemplo:
<p>El siguiente trozo de texto <strong>se muestra en negrita</strong>.</p>Así se ve este ejemplo en tu navegador:
Y esta es la imagen del aspecto que debería tener este ejemplo:
Figura 3.6 Texto en negrita en Bootstrap 3
3.3.3. Texto en cursiva
Utiliza la etiqueta <em> para añadir énfasis a un texto mostrándolo en cursiva. Este énfasis es de menor importancia que el definido por la etiqueta <strong>.
Ejemplo:
<p>El siguiente trozo de texto <em>se muestra en cursiva</em>.</p>Así se ve este ejemplo en tu navegador:
Y esta es la imagen del aspecto que debería tener este ejemplo:
Figura 3.7 Texto en cursiva en Bootstrap 3
3.3.4. Etiquetas alternativas
Cuando creas páginas HTML5, también puedes emplear las etiquetas <b> y <i>. La etiqueta <b> se emplea para destacar palabras o frases sin darles énfasis o importancia. La etiqueta <i> se emplea sobre todo para marcar términos técnicos, etc.