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:
Figura 6.46 Encabezado de página en Bootstrap 3