Bootstrap

1. 11. ¿Qué es Bootstrap?

   1. Aa) Un lenguaje de programación para back-end
   2. Bb) Un framework front-end para desarrollar aplicaciones web mobile-first
   3. Cc) Una librería de JavaScript para animaciones
   4. Dd) Un sistema de bases de datos
2. 22. ¿Cuál es la diferencia principal entre CSS Grid y Flexbox?

   1. Aa) Flexbox solo trabaja en una dimensión (filas o columnas), mientras que CSS Grid maneja dos dimensiones (filas y columnas)
   2. Bb) Flexbox es exclusivo de Bootstrap
   3. Cc) CSS Grid no permite diseños responsivos
   4. Dd) Flexbox requiere siempre 12 columnas
3. 33. ¿Cómo se hace un contenedor que ocupe el 100% del ancho en Bootstrap?

   1. Aa) .container
   2. Bb) .container-fixed
   3. Cc) .container-fluid
   4. Dd) .full-width
4. 44. ¿Qué clase se usa para crear un botón grande en Bootstrap?

   1. Aa) .btn-big
   2. Bb) .btn-large
   3. Cc) .btn-xl
   4. Dd) .btn-lg
5. 55. ¿Qué clase de Bootstrap se usa para alinear verticalmente un elemento al centro dentro de una fila?

   1. Aa) .align-center
   2. Bb) .align-items-center
   3. Cc) .vertical-center
   4. Dd) .row-center
6. 66. ¿Qué clase aplica un estilo de "zebra" a una tabla?

   1. Aa) .table-zebra
   2. Bb) .table-striped
   3. Cc) .table-alternate
   4. Dd) .table-hover
7. 77. ¿Cómo se crea un grupo de botones en Bootstrap?

   1. Aa) .btn-group
   2. Bb) .button-group
   3. Cc) .group-btn
   4. Dd) .btn-container
8. 88. ¿Qué clase de Bootstrap se usa para imágenes responsivas?

   1. Aa) .img-responsive
   2. Bb) .img-fluid
   3. Cc) .img-auto
   4. Dd) .img-scale
9. 99. ¿Qué componente de Bootstrap se usa para mostrar notificaciones emergentes temporales?

   1. Aa) Modales
   2. Bb) Popovers
   3. Cc) Toast
   4. Dd) Tooltips
10. 1010. ¿Qué clase se usa para añadir un margen superior de 3rem en Bootstrap?

    1. Aa) .mt-5
    2. Bb) .m-top-3
    3. Cc) .margin-top-3
    4. Dd) .mt-3

11. 1111. ¿Qué clase de Bootstrap se usa para crear una barra de navegación negra?

    1. Aa) .navbar-black
    2. Bb) .navbar-inverse
    3. Cc) .navbar-default
    4. Dd) .navbar-darkmode
12. 1212. ¿Qué hace la clase .justify-content-between en Bootstrap?

    1. Aa) Centra los elementos horizontalmente
    2. Bb) Distribuye los elementos con espacio equitativo entre ellos
    3. Cc) Alinea los elementos al final
    4. Dd) Los coloca en una columna
13. 1313. ¿Qué clase se usa para un texto en mayúsculas en Bootstrap?

    1. Aa) .text-uppercase
    2. Bb) .text-caps
    3. Cc) .text-all-caps
    4. Dd) .text-capitalize
14. 1414. ¿Cómo se define un sistema de 12 columnas en una fila?

    1. Aa) <div class="row-12">
    2. Bb) <div class="row cols-12">
    3. Cc) <div class="row">
    4. Dd) <div class="grid-12">
15. 1515. ¿Qué componente de Bootstrap permite crear ventanas emergentes con contenido interactivo?

    1. Aa) Offcanvas
    2. Bb) Modales
    3. Cc) Popovers
    4. Dd) Tooltips
16. 16¿Qué clase se usa para centrar horizontalmente una columna en Bootstrap?

    1. Aa) .col-center
    2. Bb) .mx-auto
    3. Cc) .justify-col-center
    4. Dd) .text-center
17. 17¿Qué hace la clase .sticky-top en Bootstrap?

    1. Aa) Fija un elemento en la parte inferior de la pantalla
    2. Bb) Hace que un elemento se quede "pegado" al hacer scroll
    3. Cc) Centra un elemento verticalmente
    4. Dd) Oculta el elemento en móviles
18. 18¿Qué clase se usa para un texto que se ajusta al contenido en una columna?

    1. Aa) .col-fit
    2. Bb) .col-auto
    3. Cc) .col-content
    4. Dd) .col-flex
19. 19¿Qué componente permite crear una ventana emergente deslizable desde un borde de la pantalla?

    1. Aa) Modales
    2. Bb) Offcanvas
    3. Cc) Popovers
    4. Dd) Toast
20. 20¿Qué clase se usa para un botón que ocupa todo el ancho disponible?

    1. Aa) .btn-full
    2. Bb) .btn-block
    3. Cc) .btn-fluid
    4. Dd) .btn-expand
21. 21 ¿Qué hace la clase .text-truncate en Bootstrap?

    1. Aa) Subraya el texto
    2. Bb) Corta el texto con puntos suspensivos si excede el ancho
    3. Cc) Convierte el texto a mayúsculas
    4. Dd) Oculta el texto

Description

Quiz on Bootstrap, created by Marta Gonzalez on 10/06/2025.

Author

Marta Gonzalez

Language

Español

Views

0

Tags

grado superior

Rating

No ratings yet

Rate this quiz

Rate this quiz

More on CSS y maquetación web