A Bootstrap jumbotron specifies a big box for getting extra attention to some special content or information. It is displayed as a grey box with rounded corners. It can also enlarge the font sizes of the text inside it.
Create a container <div> with the class of .jumbotron.
In addition to a larger <h1>, the font-weight is reduced to 200px.
The Inside container is used in jumbotron, if you want the jumbotron to not extend to the edge of the screen.
It is used when you want the jumbotron to extend to the screen edges.
Put the jumbotron outside the <div class="container">.
To get a jumbotron without rounded borders, you have to add the .jumbotron-fluid class and a .container or .container-fluid inside it.
A page header is like a section divider. It adds a horizontal line under the heading.
The .page-header class is used to create a page header.