Bs Jumbotron

Bootstrap Jumbotron in addition to Page Header

---

Creating a Jumbotron

H5N1 jumbotron indicates a large box for calling extra attending to some exceptional content or information.
H5N1 jumbotron is displayed equally a grey box alongside rounded corners. It too enlarges the font sizes of the text within it.
Tip: Inside a jumbotron you lot tin pose nearly whatever valid HTML, including other Bootstrap elements/classes.
Use a <div> chemical cistron alongside aeroplane .jumbotron to work a jumbotron:

Bootstrap Tutorial

Bootstrap is the nearly pop HTML, CSS, in addition to JS framework for developing responsive, mobile-first projects on the web.

---

Jumbotron Inside Container

Place the jumbotron within the <div class="container"> if you lot desire the jumbotron to NOT extend to the border of the screen:

Example

<div class="container">
  <div class="jumbotron">
    <h1>Bootstrap Tutorial</h1>
    <p>Bootstrap is the nearly pop HTML, CSS, in addition to JS framework for developing
    responsive, mobile-first projects on the web.</p>
  </div>
  <p>This is some text.</p>
  <p>This is some other text.</p>
</div>

---

Jumbotron Outside Container

Place the jumbotron exterior the <div class="container"> if you lot desire the jumbotron to extend to the covert edges:

Example

<div class="jumbotron">
  <h1>Bootstrap Tutorial</h1>
  <p>Bootstrap is the nearly pop HTML, CSS, in addition to JS framework for developing responsive,
  mobile-first projects on the web.</p>
</div>
<div class="container">
  <p>This is some text.</p>
  <p>This is some other text.</p>
</div>

---

Creating a Page Header

H5N1 page header is similar a department divider.
The .page-header aeroplane adds a horizontal describe of piece of work nether the heading (+ adds some extra infinite some the element):

Example Page Header

Use a <div> chemical cistron alongside aeroplane .page-header to work a page header:

Example

<div class="page-header">
  <h1>Example Page Header</h1>
</div>

---