Bootstrap Page Header


The page header is a nice little feature to add appropriate spacing around the headings on a page. This is particularly helpful on a web page where you may have several post titles and need a way to add distinction to each of them. To use a page header, wrap your heading in a <div> with a class of .page-header:

<div class="page-header">
   <h1>Example page header 
      <small>Subtext for header</small>
<p>This is a sample text.This is a sample text.This is a sample text.
   This is a sample text.</p>
Page Header Demo