Bootstrap Page Header
The Page Header is a nice feature that adds appropriate spacing around the title. When a webpage has multiple titles and spacing needs to be added between them, the Page Header feature is particularly useful. To use the Page Header, place your title with class.page-headerin the <div>:
Example
<div class="page-header">
<h1>Page Header Example<small>Subtitle</small>
</h1>
</div>
<p>This is a sample text. This is a sample text. This is a sample text. This is a sample text. This is a sample text.</p>
Try it »
The result is shown below: