Instalación de Bootstrap Mediante CDN
Cuando se trabaja en un proyecto de HTML, CSS y JS puro, se puede utilizar un CDN para incluir los archivos CSS y JavaScript de Bootstrap directamente en el documento HTML sin necesidad de descargarlos en la máquina local.
A continuación, se muestra cómo incluir Bootstrap mediante CDN en el archivo HTML:
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Include Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
Diferencia de comportamiento
En los ejemplos siguientes, se demostrará la diferencia entre los estilos predeterminados del navegador y los estilos aplicados con Bootstrap. No se abordará el uso de Bootstrap en este momento.
Estilos predeterminados del navegador
index.html
Estilos aplicados con Bootstrap
index.html
Explicación
Ambos ejemplos presentan un elemento button decorado con las clases btn y btn-primary. La apariencia se logra únicamente aplicando estas dos clases proporcionadas por Bootstrap, sin necesidad de estilos CSS adicionales.
¡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 show me examples of the button with and without Bootstrap?
What are the main visual differences between the default and Bootstrap-styled buttons?
Can you explain what the `btn` and `btn-primary` classes do in Bootstrap?
Awesome!
Completion rate improved to 3.23Instalación de Bootstrap Mediante CDN
Desliza para mostrar el menú
Cuando se trabaja en un proyecto de HTML, CSS y JS puro, se puede utilizar un CDN para incluir los archivos CSS y JavaScript de Bootstrap directamente en el documento HTML sin necesidad de descargarlos en la máquina local.
A continuación, se muestra cómo incluir Bootstrap mediante CDN en el archivo HTML:
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Include Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
Diferencia de comportamiento
En los ejemplos siguientes, se demostrará la diferencia entre los estilos predeterminados del navegador y los estilos aplicados con Bootstrap. No se abordará el uso de Bootstrap en este momento.
Estilos predeterminados del navegador
index.html
Estilos aplicados con Bootstrap
index.html
Explicación
Ambos ejemplos presentan un elemento button decorado con las clases btn y btn-primary. La apariencia se logra únicamente aplicando estas dos clases proporcionadas por Bootstrap, sin necesidad de estilos CSS adicionales.
¡Gracias por tus comentarios!
