The Bootstrap page header is used to provide a clear indication to the user that the page consists of a heading that introduces them to the page they are visiting. The page header is essentially a <h1> element wrapped inside a <div> element with a class name of page-header. You can also utilize the <small> element to provide additional information to the user about the page. Bootstrap also adds a horizontal line below the page header that provides a visual separation from the rest of the page.
The following HTML markup creates a page header:
<div class="page-header">
<h1>Categories <small>Add, edit and delete product categories</small></h1>
</div>This markup will generate the following screenshot in your browser:
