Ver índice de contenidos del libro

3.2. Texto

El tamaño de letra (font-size) por defecto de Bootstrap 3 es 14px y el interlineado (line-height) es 1.428. Estos valores se aplican tanto al <body> como a todos los párrafos. Estos últimos también incluyen un margen inferior cuyo valor es la mitad que su interlineado (10px por defecto).

Ejemplo:

<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
 
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.</p>
 
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Texto normal en Bootstrap 3

Figura 3.3 Texto normal en Bootstrap 3

3.2.1. Texto destacado

Para destacar un párrafo sobre los demás, añade la clase .lead. Ejemplo:

<p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</p>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Texto destacado en Bootstrap 3

Figura 3.4 Texto destacado en Bootstrap 3

3.2.2. Variables de LESS

La escala tipográfica de tamaños de letra se basa en dos variables LESS definidas en el archivo variables.less: @font-size-base y @line-height-base.

La primera variable es el tamaño de letra base y la segunda es el interlineado base del texto. Como estos valores se utilizan para calcular los márgenes, rellenos e interlineados de todos los elementos, si modificas sus valores Bootstrap adaptará automáticamente todo el diseño.