Latest web development tutorials

Bootstrap pantalla grande

Otra característica de este capítulo explicará el apoyo de arranque, gran pantalla (pantalla gigante). Como su nombre indica este componente puede aumentar el tamaño del título, y añadir más contenido desde fuera de la página de destino (margen). Para utilizar la pantalla grande (pantalla gigante) de la siguiente manera:

  • Crear unaclase con .jumbotron. Contenedor <div>.
  • Aparte de más <h1>, fuentefont-weightpeso se redujo a 200 px.

El siguiente ejemplo ilustra este punto:

Ejemplos

<Div class = "contenedor"> <Div class = "pantalla gigante"> <H1> página de bienvenida! </ H1> <P> Este es un ejemplo de una gran pantalla (pantalla gigante) de. </ P> <P> <a class = "btn btn-primaria BTN -lg" role = "botón"> Más información </ a> </ P> </ Div> </ Div>

Trate »

Los resultados son los siguientes:

Gran pantalla (pantalla gigante)

Con el fin de obtener el ancho completo y no ocupa gran pantalla con esquinas redondeadas, utilizar.jumbotron clase en toda clase .containerexterior, como se muestra en los siguientes ejemplos:

Ejemplos

<Div class = "pantalla gigante"> <Div class = "contenedor"> <H1> página de bienvenida! </ H1> <P> Este es un ejemplo de una gran pantalla (pantalla gigante) de. </ P> <P> <a class = "btn btn-primaria BTN -lg" role = "botón"> Más información </ a> </ P> </ Div> </ Div>

Trate »

Los resultados son los siguientes:

El ancho total de la pantalla grande (Jumbotron)