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>
   </h1>
   
</div>

<p>This is a sample text.This is a sample text.This is a sample text. This is a sample text.</p>