Bootstrap Jumbotron

In this tutorial you will learn how to use Bootstrap jumbotron component.

Showcasing Contents with Jumbotron

The Bootstrap jumbotron component provides an excellent way to showcase the key content or information on a web page. Just wrap your featured content like heading, descriptions etc. in a <div> element and apply the class .jumbotron on it.

— The output of the above example will look something like this:

---

Creating Full Page Width Jumbotron

To create a jumbotron without rounded corners and that covers the full width of the viewport, place it outside all the containers and add the .container within like this.