Bootstrap Page Header

In this section we will discuss the page header in bootstrap. The page header feature of bootstrap is used to create space between headings on the page. The page header feature is used when we have a number of headings and we want to differentiate between them. A page header can be used by wrapping the heading with the <div> tag and by using the class .page-header in the <div> tag.

Consider the following example in which we have used the page header:

CODE:

<! DOCTYPE html >

< html >

< head >

< title > Bootstrap Example </ title >

< link href = ” / bootstrap/ css/ bootstrap. min. css ” rel = “stylesheet” >

< script src = ” / scripts / jquery. min. js ” >< /script >

< script src = ” /bootstrap / js / bootstrap. min. js ” ></ script >

< /head >

< body >

< div class = “page- header” >

< h1 >

Page Header (H1)

< small > Subtext (H1) </ small >

< /h1 >

</ div >

< p > Sample Text < /p >

</ body >

< /html >

The above code will generate the following result:

OUTPUT:

page header