Bootstrap 4 Jumbotron Examples

1. Basic Jumbotron

A standard jumbotron with rounded corners:

Welcome to Bootstrap!

This is a simple jumbotron—an attention grabbing box.


You can use it to showcase key content or information.

Learn more

2. Full-Width Jumbotron

Use .jumbotron-fluid to create full-width jumbotron without rounded edges:

Full-Width Jumbotron

This jumbotron spans the full width of the viewport.

Get Started

3. Jumbotron Inside a Container

You can wrap a jumbotron inside a container if you don’t want it to stretch too wide:

Hello from Inside!

This jumbotron is inside a container, so it's more centered and narrow.