Test
Bootstrap
Crea una cuenta gratis para terminar este test
Guarda tu progreso y consulta tu resultado final.
¿Ya tienes cuenta? Inicia sesión
Preguntas del test (21)
11. ¿Qué es Bootstrap?
- Aa) Un lenguaje de programación para back-end
- Bb) Un framework front-end para desarrollar aplicaciones web mobile-first
- Cc) Una librería de JavaScript para animaciones
- Dd) Un sistema de bases de datos
22. ¿Cuál es la diferencia principal entre CSS Grid y Flexbox?
- Aa) Flexbox solo trabaja en una dimensión (filas o columnas), mientras que CSS Grid maneja dos dimensiones (filas y columnas)
- Bb) Flexbox es exclusivo de Bootstrap
- Cc) CSS Grid no permite diseños responsivos
- Dd) Flexbox requiere siempre 12 columnas
33. ¿Cómo se hace un contenedor que ocupe el 100% del ancho en Bootstrap?
- Aa) .container
- Bb) .container-fixed
- Cc) .container-fluid
- Dd) .full-width
44. ¿Qué clase se usa para crear un botón grande en Bootstrap?
- Aa) .btn-big
- Bb) .btn-large
- Cc) .btn-xl
- Dd) .btn-lg
55. ¿Qué clase de Bootstrap se usa para alinear verticalmente un elemento al centro dentro de una fila?
- Aa) .align-center
- Bb) .align-items-center
- Cc) .vertical-center
- Dd) .row-center
66. ¿Qué clase aplica un estilo de "zebra" a una tabla?
- Aa) .table-zebra
- Bb) .table-striped
- Cc) .table-alternate
- Dd) .table-hover
77. ¿Cómo se crea un grupo de botones en Bootstrap?
- Aa) .btn-group
- Bb) .button-group
- Cc) .group-btn
- Dd) .btn-container
88. ¿Qué clase de Bootstrap se usa para imágenes responsivas?
- Aa) .img-responsive
- Bb) .img-fluid
- Cc) .img-auto
- Dd) .img-scale
99. ¿Qué componente de Bootstrap se usa para mostrar notificaciones emergentes temporales?
- Aa) Modales
- Bb) Popovers
- Cc) Toast
- Dd) Tooltips
1010. ¿Qué clase se usa para añadir un margen superior de 3rem en Bootstrap?
- Aa) .mt-5
- Bb) .m-top-3
- Cc) .margin-top-3
- Dd) .mt-3
1111. ¿Qué clase de Bootstrap se usa para crear una barra de navegación negra?
- Aa) .navbar-black
- Bb) .navbar-inverse
- Cc) .navbar-default
- Dd) .navbar-darkmode
1212. ¿Qué hace la clase .justify-content-between en Bootstrap?
- Aa) Centra los elementos horizontalmente
- Bb) Distribuye los elementos con espacio equitativo entre ellos
- Cc) Alinea los elementos al final
- Dd) Los coloca en una columna
1313. ¿Qué clase se usa para un texto en mayúsculas en Bootstrap?
- Aa) .text-uppercase
- Bb) .text-caps
- Cc) .text-all-caps
- Dd) .text-capitalize
1414. ¿Cómo se define un sistema de 12 columnas en una fila?
- Aa) <div class="row-12">
- Bb) <div class="row cols-12">
- Cc) <div class="row">
- Dd) <div class="grid-12">
1515. ¿Qué componente de Bootstrap permite crear ventanas emergentes con contenido interactivo?
- Aa) Offcanvas
- Bb) Modales
- Cc) Popovers
- Dd) Tooltips
16¿Qué clase se usa para centrar horizontalmente una columna en Bootstrap?
- Aa) .col-center
- Bb) .mx-auto
- Cc) .justify-col-center
- Dd) .text-center
17¿Qué hace la clase .sticky-top en Bootstrap?
- Aa) Fija un elemento en la parte inferior de la pantalla
- Bb) Hace que un elemento se quede "pegado" al hacer scroll
- Cc) Centra un elemento verticalmente
- Dd) Oculta el elemento en móviles
18¿Qué clase se usa para un texto que se ajusta al contenido en una columna?
- Aa) .col-fit
- Bb) .col-auto
- Cc) .col-content
- Dd) .col-flex
19¿Qué componente permite crear una ventana emergente deslizable desde un borde de la pantalla?
- Aa) Modales
- Bb) Offcanvas
- Cc) Popovers
- Dd) Toast
20¿Qué clase se usa para un botón que ocupa todo el ancho disponible?
- Aa) .btn-full
- Bb) .btn-block
- Cc) .btn-fluid
- Dd) .btn-expand
21 ¿Qué hace la clase .text-truncate en Bootstrap?
- Aa) Subraya el texto
- Bb) Corta el texto con puntos suspensivos si excede el ancho
- Cc) Convierte el texto a mayúsculas
- Dd) Oculta el texto
Información
- Descripción
- Test sobre Bootstrap, creado por Marta Gonzalez el 10/06/2025.
- Autor
- Marta Gonzalez
- Idioma
- Español
- Visitas
- 0
- Etiquetas
- Valoración
- Aún sin valoraciones Valora este test
Más sobre CSS y maquetación web