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>