Desafío y Cuestionario: Configuración de Bootstrap
Nota
Todos los desafíos seguirán el mismo formato que se muestra a continuación:
- Se presentará la tarea que debe completarse;
- A continuación, encontrará un bloque de código donde debe implementar los cambios según la tarea;
- Haga clic en el botón Run Code para previsualizar la página en vivo;
- Debajo del bloque de código, encontrará dos botones: Hint y Solution;
- El botón Hint proporciona orientación para la tarea;
- El botón Solution muestra la solución correcta.
- Se recomienda intentar resolver la tarea por su cuenta antes de recurrir al botón Solution.
Tarea
Se le ha proporcionado un código HTML básico con un elemento button, actualmente estilizado con los estilos predeterminados del navegador. Aunque el elemento button incluye nombres de clase derivados de Bootstrap, no se observan cambios en la página en vivo porque Bootstrap no se ha integrado en el proyecto. Su tarea es agregar los enlaces apropiados para conectar Bootstrap al proyecto.
index.html
- Para agregar el enlace al CSS de Bootstrap, utilice el siguiente código:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Para el enlace de JavaScript de Bootstrap, utilice este código:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Cuestionario
1. ¿Cuál es uno de los métodos para integrar Bootstrap en un proyecto?
2. ¿Qué significa CDN en el contexto de la integración de Bootstrap?
3. ¿Qué comando se utiliza para instalar Bootstrap mediante NPM?
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you explain where exactly I should place the Bootstrap links in the HTML file?
Do I need to add both the CSS and JavaScript links for Bootstrap to work?
What changes should I expect to see after adding Bootstrap to the project?
Awesome!
Completion rate improved to 3.23Desafío y Cuestionario: Configuración de Bootstrap
Desliza para mostrar el menú
Nota
Todos los desafíos seguirán el mismo formato que se muestra a continuación:
- Se presentará la tarea que debe completarse;
- A continuación, encontrará un bloque de código donde debe implementar los cambios según la tarea;
- Haga clic en el botón Run Code para previsualizar la página en vivo;
- Debajo del bloque de código, encontrará dos botones: Hint y Solution;
- El botón Hint proporciona orientación para la tarea;
- El botón Solution muestra la solución correcta.
- Se recomienda intentar resolver la tarea por su cuenta antes de recurrir al botón Solution.
Tarea
Se le ha proporcionado un código HTML básico con un elemento button, actualmente estilizado con los estilos predeterminados del navegador. Aunque el elemento button incluye nombres de clase derivados de Bootstrap, no se observan cambios en la página en vivo porque Bootstrap no se ha integrado en el proyecto. Su tarea es agregar los enlaces apropiados para conectar Bootstrap al proyecto.
index.html
- Para agregar el enlace al CSS de Bootstrap, utilice el siguiente código:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">. - Para el enlace de JavaScript de Bootstrap, utilice este código:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>.
index.html
Cuestionario
1. ¿Cuál es uno de los métodos para integrar Bootstrap en un proyecto?
2. ¿Qué significa CDN en el contexto de la integración de Bootstrap?
3. ¿Qué comando se utiliza para instalar Bootstrap mediante NPM?
¡Gracias por tus comentarios!
