Ver índice de contenidos del libro

6.13. Encabezado de página

Resulta muy común que las páginas de sitios web como blogs, periódicos y revistas muestren de forma muy destacada el titular de la página con alguna otra información relacionada. Por ello Bootstrap 3 define un componente llamado "encabezado de página" que puedes utilizar para encerrar este tipo de elementos.

Normalmente, el contenido de este elemento, al que se aplica la clase .page-header, está formado por un elemento <h1> y un elemento <small> asociado para la información secundaria, aunque puede contener cualquier otro tipo de elemento. Ejemplo:

<div class="page-header">
  <h1>Encabezado de página <small>con un texto secundario</small></h1>
</div>
<p>...</p>
<p>...</p>

Así se ve este ejemplo en tu navegador:

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

Encabezado de página en Bootstrap 3

Figura 6.46 Encabezado de página en Bootstrap 3