What is jumbotron in bootstrap

Bootstrap jumbotron

<div class="jumbotron">
  <h1 class="display-4">Hello, world!</h1>
  <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
  </p>
</div>

Source: getbootstrap.com

Jumbotron

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-4">Fluid jumbotron</h1>
    <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
  </div>
</div>

Source: getbootstrap.com

Bootstrap 5 jumbotron

<div class="bg-light p-5 rounded-lg m-3">
  <h1 class="display-4">Hello, world!</h1>
  <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</div>

Source: stackoverflow.com

What is jumbotron in bootstrap

A jumbotron indicates a big box for calling extra attention to some special content or information.

A jumbotron is displayed as a grey box with rounded corners. It also enlarges the font sizes of the text inside it.

Tip: Inside a jumbotron you can put nearly any valid HTML, including other Bootstrap elements/classes.

Use a <div> element with class .jumbotron to create a jumbotron

Similar codes

1 vote223 views2 answers
How to create a html tag
Html
9 votes170 views1 answer
Js prevent submit
Html
-1 vote232 views1 answer
Add link to image html open new window
Html
6 votes210 views2 answers
How to collect input textbox in html
Html
3 votes229 views2 answers
Md bootstrap cdn
Html
23 votes226 views2 answers
Html display none
Html
1 vote275 views1 answer
Material react grid
Html
3 votes216 views1 answer
Full Stack web dev meanin
Html
13 votes232 views3 answers
Button center class in bootstrap
Html
3 votes214 views1 answer
Internet and intranet
Html