If you're new to Bootstrap, you may be asking yourself what the heck is a Jumbotron component. Jumbotron is used to feature a block of content, usually at the top of your page. This is your standard main feature block that you'll see on a number of websites. If you require something more sophisticated than a simple page title, Jumbotron is the component you'll want to use. Let's take a quick look at the code required to create this component:
<div class="jumbotron">
<h1 class="display-3">Feature title</h1>
<p class="lead">This is a basic jumbrotron call to action</p>
<hr class="m-y-2">
<p>This is some further description text for your main feature</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</p>
</div>
There are some new CSS classes here that we need to review, as well...