Ver índice de contenidos del libro

3.1. Titulares

Bootstrap 3 define estilos por defecto para todos los niveles de titulares de las páginas, desde <h1> hasta <h6>. Ejemplo:

<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

Así se ve este ejemplo en tu navegador:

A continuación se muestra una imagen del aspecto que debería tener este ejemplo, para que puedas comparar los dos:

Titulares por defecto en Bootstrap 3

Figura 3.1 Titulares por defecto en Bootstrap 3

Bootstrap también define estilos especiales para los elementos <small> incluidos dentro de un titular y utilizados habitualmente para mostrar información secundaria. Ejemplo:

<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
<h6>h6. Bootstrap heading <small>Secondary text</small></h6>

Así se ve este ejemplo en tu navegador:

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

Titulares con elementos secundarios en Bootstrap 3

Figura 3.2 Titulares con elementos secundarios en Bootstrap 3