Preguntas sobre Bootstrap y CDN

¿Qué significa CDN en el contexto de Bootstrap?

• A) Content Delivery Network

• B) Class Design Network

• C) CSS Design Network

¿Cuál de los siguientes enlaces es un ejemplo de CDN para usar Bootstrap?

• A) https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css

• B) https://maxcdn.bootstrapcdn.com/css/bootstrap.min.css

• C) https://cdn.bootcdn.com/bootstrap/4.0.0/css/bootstrap.css

¿Qué hace el siguiente código en un archivo HTML? <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">

• A) Enlaza el archivo CSS de Bootstrap desde el CDN

• B) Inserta una imagen de Bootstrap

• C) Añade una fuente externa de texto

¿Cómo se agrega el archivo JavaScript de Bootstrap usando CDN en un documento HTML?

• A) <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>

• B) <script src="https://bootstrapcdn.com/bootstrap.min.js"></script>

• C) <link href="https://cdn.jsdelivr.net/bootstrap.min.js" rel="stylesheet">

¿Para qué se usa la clase container de Bootstrap?

• A) Para aplicar márgenes a los elementos

• B) Para centrar el contenido y hacer que se ajuste automáticamente a diferentes pantallas

• C) Para crear una lista de contenido

¿Qué hace la clase col-md-6 en un sistema de rejilla (grid) de Bootstrap?

• A) Oculta la columna en pantallas medianas

• B) Hace que la columna ocupe 6 de 12 partes del contenedor en pantallas medianas

• C) Hace que la columna ocupe todo el ancho de la pantalla

¿Cuál es la ventaja principal de usar CDN para incluir Bootstrap en un proyecto?

• A) El contenido se almacena en servidores locales

• B) La carga de la página web es más rápida al usar una red distribuida globalmente

• C) Puedes personalizar el código fuente de Bootstrap

¿Qué es el componente navbar en Bootstrap?

• A) Un botón de menú

• B) Una barra de navegación para el sitio web

• C) Un formulario de contacto

En el siguiente código, ¿Qué hace la clase btn btn-primary?

<button class="btn btn-primary">Enviar</button>

• A) Establece el tamaño del botón

• B) Establece el color y el estilo del botón

• C) Establece un borde en el botón

¿Cómo se incluye correctamente el archivo Popper.js necesario para Bootstrap en el código HTML?

• A) <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>

• B) <script src="https://bootstrapcdn.com/popper.js"></script>

• C) <script src="https://cdn.popper.js/bootstrap.min.js"></script>