Creación de una pantalla gigante
Una pantalla gigante indica una caja grande para llamar la atención adicional a algún contenido o información especial.
Una pantalla gigante se muestra como un cuadro gris con esquinas redondeadas. También aumenta el tamaño de fuente del texto en su interior.
Consejo: Dentro de una pantalla gigante se puede poner casi cualquier HTML válido, incluyendo otros Bootstrap elementos / clases.
Utilice un <div> elemento con la clase .jumbotron para crear una pantalla gigante:
Bootstrap Tutorial
Bootstrap es el más popular de HTML, CSS, JS y un marco para el desarrollo, móvil primeros proyectos de respuesta en la web.
Jumbotron el interior del envase
Coloque la pantalla gigante dentro de la <div class="container"> si desea que la pantalla gigante que se extiende al borde de la pantalla:
Ejemplo
<div class="container">
<div class="jumbotron">
<h1>Bootstrap
Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS
framework for developing
responsive, mobile-first projects on the
web.</p>
</div>
<p>This is some text.</p>
<p>This is another text.</p>
</div>
Inténtalo tú mismo " Jumbotron el exterior del envase
Coloque la pantalla gigante fuera de la <div class="container"> si desea que la pantalla gigante que se extiende a los bordes de la pantalla:
Ejemplo
<div class="jumbotron">
<h1>Bootstrap
Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS
framework for developing responsive,
mobile-first projects on the
web.</p>
</div>
<div class="container">
<p>This is some text.</p>
<p>This is another text.</p>
</div>
Inténtalo tú mismo " Creación de un encabezado
Un encabezado de la página es como un separador de sección.
El .page-header de clase añade una línea horizontal en el epígrafe (+ añade algo más de espacio alrededor del elemento):
Ejemplo Encabezado de página
Utilice un <div> elemento con la clase .page-header para crear un encabezado de página: