Bootstrap 4 Jumbotron

Bootstrap 4 Jumbotron

Bootstrap 4 jumbotron is a rounded big grey box that highlights some special content. It has by default padding around the content.

Follow The Following Steps to create bootstrap 4 Jumbotron:

  • Bootstrap jumbotron can be created by adding .jumbotron to the container(<div>) class.

Jumbotron Example

Bootstrap Tutorial

Bootstrap is the most popular CSS Framework.

General Syntax

Try it now

Source Code

Try it now

Source Code : Output

Learn Bootstrap Jumbotron

Bootsrap is the world most popular CSS framework.

Note:Bootstrap .jumbotron is used to assign the parent container base class. It generates default padding inside the jumbotron as well as enlarges the font size of the text that is exists inside the jumbotron.

Note: A jumbotron specifies a big grey rounded box for showing extra attention to the important information.It enlarges the font sizes of the text.

Bootstrap 4 Full-width Jumbotron

Steps to create bootstrap 4 full-width jumbotron :

  • To create bootstrap 4 full-width jumbotron without rounded border, you have to assign .jumbotron along with .jumbotron-fluid to the jumbotron parent container base class.

General Syntax

Try it now

Source Code

Try it now

Source Code : Output

Full-width Jumbotron

Bootstrap is the most popular CSS Framewrok.

Note: A full-width jumbotron does not have a rounded border while a normal jumbotron has a rounded border. To make full-width jumbotron assign .jumbotron as well as .jumbotron-fluid to the jumbotron parent container.

Online Test / Quiz