Bootstrap 4 Tutorial
BS4 Jumbotron
Bootstrap 4 Jumbotron
A jumbotron is a large gray box used to draw attention to a certain piece of material or data.
Tip: Almost any valid HTML, including other Bootstrap elements and classes, can be included inside a jumbotron.
Bootstrap Tutorial
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.
To construct a jumbotron, use a <div> element with class .jumbotron:
Example
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Full-width Jumbotron
If you want a full-width jumbotron without rounded edges, add the .jumbotron-fluid class and a .container or .container-fluid inside of it:
Example
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>
