Bootstrap 4 Jumbotron


Create jumbotron

In bootstrap, .jumbotron is a large box of gray color.

This is jumbotron

This is example text

Example code

<div class="jumbotron text-center">
   <h3>This is jumbotron</h3>
   <p>This is example text</p>
</div>

Create full-width jumbotron

In bootstrap, .jumbotron-fluid is a large box of gray color. It is a full width container and without rounded corners.

This is jumbotron-fluid

This is example text

Example code

<div class="jumbotron jumbotron-fluid text-center">
   <h3>This is jumbotron-fluid</h3>
   <p>This is example text</p>
</div>