jumbotron en el ejemplo de código bootstrap

Después de de nuestra extensa compilación de datos pudimos solucionar este conflicto que tienen algunos usuarios. Te regalamos la respuesta y nuestro deseo es serte de mucha apoyo.

Ejemplo 1: jumbotron bootstrap

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

Ejemplo 2: jumbotron

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

Ejemplo 3: que es jumbotron en 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

Ejemplo 4: jumbotron bootstrap 5

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

Ejemplo 5: jumbotron bootstrap 5

Bootstrap 5 Jumbotron

Ejemplo 6: jumbotron

<divclass="jumbotron">
YOUR TEXT
div>

---

---

Utiliza Nuestro Buscador