Tema 8

Question 1

Bootstrap puede tener 5 tipos de columna en el diseño de la página web que se corresponden con los 5 puntos de ruptura de las media queries:

Answer 1

– sm, para dispositivos pequeños, tipo smartphone en modo horizontal
– md, para dispositivos medianos, tipo tableta.
– lg, para dispositivos grandes, tipo ordenador de escritorio.
– xl, para dispositivos de escritorio con pantallas grandes.
– Si no aparece, se utilizará para dispositivos muy pequeños, como smartphone en modo retrato.

Question 2

Para que el layout de la página sea fijo en todos los

dispositivos se utilizan las clases

Answer 2

.col

.col-*

Question 3

Para la alineación vertical de los bloques dentro de un contenedor .row, se pueden utilizar las clases:

Answer 3

.align-items-start
.align-items-center
.align- items-end

Question 4

La alineación horizontal se hace con las clases

Answer 4

.justify-content-start
.justify- content-center
.justify-content-end

Question 5

Se pueden conseguir imágenes responsive con la clase

Answer 5

.img-fluid

Question 6

Por ejemplo, si la imagen corresponde a la “Sección 1”, sería interesante que el título “Sección 2” apareciera en una nueva línea. ¿Qué clase se usa en Bootstrap para corregir eso?

Answer 6

.clearfix

Question 7

¿Para que se usa .sr-only?

Answer 7

Se utiliza para el elemento no sea visible pero que esté disponible los agentes de usuario. Saca el bloque de área de visualización, aunque se mantiene en el árbol DOM.

Question 8

Un framework de CSS:

Answer 8

Es un conjunto de herramientas (hojas de estilo, scripts, etc.) y prácticas que facilitan las tareas repetitivas para trabajar con CSS.

Question 9

Uno de los requisitos para poder diseñar una página con Bootstrap es:

Answer 9

Debe estar escrita utilizando html5.