WorksheetsUT 4&5 Bootstrap
Total questions: 20
Worksheet time: 5hrs 0mins
Actualmente existe una amplia variedad de frameworks de diseño web responsive que nos ayudan a implementar nuestras interfaces gráficas como:
Bootstrap
Mater CSS
Skeleton
HTML5 Boilerplate
¿Qué beneficios aportó Bootstrap al desarrollo de proyectos web?
Ahorro de tiempo al utilizar recursos desarrollados previamente
Diseño web responsive
Mejora de código en el lado del servidor
Todas son correctas
¿Cómo se llama la clase que su contenido ocupa todo el ancho disponible (100%)?
(a)
¿Cuántas columnas tiene el diseño de Bootstrap?
(a)
¿Qué clase se utiliza para crear una fila en Bootstrap?
(a)
¿Qué clase indicaremos si queremos que el contenido esté oculto para todas las pantallas?
d-none
d-block
d-container-all
d-all
¿Qué clase debo poner si quiero poner dos contenedores del mismo tamaño y que ocupe todo el ancho de la fila?
(a)
¿Qué clase se debe poner para que se quede el texto "- By Team CLA"?
(a)
¿Qué clase de Bootstrap sirve para alinear un párrafo de texto en el centro?
text-center
align-center
text-middle
p-center
¿Cuál de las siguientes clases de fondos no existe en Bootstrap?
bg-primario
bg-success
bg-red
bg-black
Con la clase .table-striped en una tabla...
Agregamos filas con colores alternos
Agregamos bordes lisos en las filas y columnas
Agregamos bordes con puntos en las filas y columnas
Todas son falsas
¿Cuál es la clase para que las imágenes se adapten correctamente a los distintos dispositivo?
(a)
¿Qué clase debo utilizar para que se quede de esta forma la imagen?
rounded-circle
img-thumbnail
img-rounded
rounded
¿Qué clase de Bootstrap debo usar para que se me quede la imagen a la izquierda del contenedor?
float-start
float-left
align-left
float-right
¿Cómo se llama la clase que se le pone a este elemento del formulario?
form-range
form-bar
form-progress
form-pointer
¿Cómo se llama esta clase?
alert alert-info
alert-info
alert-primary
alert-light
¿Qué indicador de los botones tiene que ser igual que el id del Carrousel?
data-bs-target
target-bs-data
bs-data-target
data-target
¿Qué componente de la barra lateral que se puede alternar a través de JavaScript para que aparezca desde el borde izquierdo, derecho o inferior de la ventana gráfica?
offcanvas
collapse
navbar
Todas son falsas
¿Qué elemento me permite crear como un gif de cargando la página web?
spinner
spinner-border
spinner-run
spinner-loading
¿Cómo se llama la clase que permite crear un contenedor que parece una notificación?
toast
tooltip
popover
notify
