Learning Bootstrap 4 - Second Edition

Using the Jumbotron component

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 ...