Descargar

CSS y JS compilados

Descarga código compilado listo para usar de Bootstrap v5.3.8 para integrarlo fácilmente en tu proyecto, el cual incluye:

• Bundles CSS compilados y minificados (ver comparación de archivos CSS)
• Plugins de JavaScript compilados y minificados (ver comparación de archivos JS)

Esto no incluye documentación, archivos fuente, ni ninguna dependencia opcional de JavaScript como Popper.

Archivos fuente

Compila Bootstrap con tu propio pipeline de assets descargando nuestros archivos fuente de Sass, JavaScript y documentación. Esta opción requiere algunas herramientas adicionales:

• Compilador de Sass para compilar archivos fuente Sass en archivos CSS
• Autoprefixer para el prefijado de proveedores CSS

Si necesitas nuestro conjunto completo de herramientas de build, están incluidas para desarrollar Bootstrap y su documentación, pero probablemente no sean adecuadas para tus propios propósitos.

Ejemplos

Si quieres descargar y examinar nuestros ejemplos, puedes obtener los ejemplos ya construidos:

CDN vía jsDelivr

Salta la descarga con jsDelivr para entregar una versión en caché del CSS y JS compilados de Bootstrap a tu proyecto.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>

Si estás usando nuestro JavaScript compilado y prefieres incluir Popper por separado, añade Popper antes de nuestro JS, preferiblemente vía un CDN.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.min.js" integrity="sha384-G/EV+4j2dNv+tEPo3++6LCgdCROaejBqfUeNjuKAiuXbjrxilcCdDz6ZAVfHWe1Y" crossorigin="anonymous"></script>

CDNs alternativos

Recomendamos jsDelivr y lo usamos nosotros mismos en nuestra documentación. Sin embargo, en algunos casos—como en ciertos países o entornos específicos—puede que necesites usar otros proveedores de CDN como cdnjs o unpkg.

Encontrarás los mismos archivos en estos proveedores de CDN, aunque con diferentes URLs. Con cdnjs, puedes usar este enlace directo al paquete de Bootstrap para copiar y pegar fragmentos de HTML listos para usar para cada archivo dist de cualquier versión de Bootstrap.

Ten en cuenta que debes comparar hashes de la misma longitud, por ejemplo sha384 con sha384, de lo contrario es esperable que sean diferentes. Por ello, puedes usar una herramienta en línea como SRI Hash Generator para asegurarte de que los hashes sean los mismos para un archivo determinado. Alternativamente, asumiendo que tienes OpenSSL instalado, puedes lograr lo mismo desde el CLI, por ejemplo:

openssl dgst -sha384 -binary bootstrap.min.js | openssl base64 -A

Gestores de paquetes

Incorpora los archivos fuente de Bootstrap en casi cualquier proyecto con algunos de los gestores de paquetes más populares. Independientemente del gestor de paquetes, Bootstrap requerirá un compilador de Sass y Autoprefixer para una configuración que coincida con nuestras versiones compiladas oficiales.

npm

Instala Bootstrap en tus aplicaciones potenciadas con Node.js con el paquete npm:

npm install bootstrap@5.3.8

const bootstrap = require('bootstrap') o import bootstrap from 'bootstrap' cargarán todos los plugins de Bootstrap en un objeto bootstrap. El módulo bootstrap en sí exporta todos nuestros plugins. Puedes cargar los plugins de Bootstrap individualmente cargando los archivos /js/dist/*.js bajo el directorio de nivel superior del paquete.

El package.json de Bootstrap contiene algunos metadatos adicionales bajo las siguientes claves:

• sass - ruta al archivo fuente principal de Sass de Bootstrap
• style - ruta al CSS no minificado de Bootstrap que ha sido compilado usando la configuración predeterminada (sin personalización)

yarn

Instala Bootstrap en tus aplicaciones potenciadas con Node.js con el paquete yarn:

yarn add bootstrap@5.3.8

yarn config set nodeLinker node-modules # Use the node_modules linker
touch yarn.lock # Create an empty yarn.lock file
yarn install # Install the dependencies
yarn start # Start the project

Bun

Instala Bootstrap en tus aplicaciones impulsadas por Bun o Node.js con el CLI de Bun:

bun add bootstrap@5.3.8

RubyGems

Instala Bootstrap en tus aplicaciones Ruby usando Bundler (recomendado) y RubyGems añadiendo la siguiente línea a tu Gemfile:

gem 'bootstrap', '~> 5.3.8'

Alternativamente, si no estás usando Bundler, puedes instalar el gem ejecutando este comando:

gem install bootstrap -v 5.3.8

Consulta el README del gem para más detalles.

Composer

También puedes instalar y gestionar el Sass y JavaScript de Bootstrap usando Composer:

composer require twbs/bootstrap:5.3.8

NuGet

Si desarrollas en .NET Framework, también puedes instalar y gestionar el CSS o Sass y JavaScript de Bootstrap usando NuGet. Los proyectos más nuevos deberían usar libman u otro método, ya que NuGet está diseñado para código compilado, no para assets de frontend.

Install-Package bootstrap

Install-Package bootstrap.sass

Extensión IntelliSense

Instala la extensión IntelliSense mantenida por la comunidad para Visual Studio Code para obtener autocompletado IntelliSense para las clases de Bootstrap.