A page header is text that is separated from the main body of text and appears at the top of a page. The page header is more useful on a web page when we have several titles and need to add distinction between them. We can use h1’s default small element and other components to create appropriate spacing around the header. We can create appropriate page header by using Bootstrap’s .page-header class within a div element.
We can create appropriate page header by using the class .page-header as shown in the following example. If you have any questions about bootstrap page header, please write it in the comments section.
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<small>small page header</small>
<p>The Bootstrap is most popular front end framework for creating websites and web applications. Bootstrap is a powerful front end framework which makes faster and easier web development.
Above script defines page header by using page-header class within div element and <small> element is used to display subtext for the header in the document.