Bootstrap 4 Jumbotron

Bootstrap offers Jumbotron, which is used to get more attention to specific content or information on the web page. It provides a gray background-color to the content to make that content notable/eye-catching.

All the HTML elements and other Bootstrap classes are valid inside the Jumbotron.

A jumbotron is created using .jumbotron class in the <div>  tag.

Example

Output

Bootstrap 4 Jumbotron

Full-width Jumbotron

Full-width jumbotron covers the full width of the screen or viewport. To make the full-width jumbotron, you have to use .jumbotron-fluid class and either .container  class or .container-fluid class inside the jumbotron.

Example

Output

Bootstrap 4 Jumbotron