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.
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.