Bootstrap 4 Jumbotrón


Bootstrap 4 Jumbotrón

Un jumbotron indica un cuadro gris grande para llamar la atención sobre algún contenido o información especial.

Sugerencia: dentro de un jumbotron puede colocar casi cualquier HTML válido, incluidos otros elementos/clases de Bootstrap.

Tutorial de arranque

Bootstrap es el marco HTML, CSS y JS más popular para desarrollar proyectos receptivos y móviles en la web.

Use un <div>elemento con clase .jumbotronpara crear un jumbotron:

Ejemplo

<div class="jumbotron">
  <h1>Bootstrap Tutorial</h1>
  <p>Bootstrap is the most popular HTML, CSS...</p>
</div>

Jumbotron de ancho completo

Si desea un jumbotron de ancho completo sin bordes redondeados, agregue la .jumbotron-fluidclase y un .containero .container-fluiddentro de él:

Ejemplo

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Bootstrap Tutorial</h1>
    <p>Bootstrap is the most popular HTML, CSS...</p>
  </div>
</div>