Descargar

CSS y JS compilados

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

• Paquetes CSS compilados y minificados (consulta la comparación de archivos CSS)
• Plugins JavaScript compilados y minificados (consulta la comparación de archivos JS)

Esto no incluye documentación, archivos fuente o dependencias de JavaScript opcionales como Popper.

Archivos fuente

Compila Bootstrap con tu propia canalización de recursos (asset pipeline) descargando nuestros archivos fuente de Sass, JavaScript y documentación. Esta opción requiere algunas herramientas adicionales:

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

En caso de que necesites nuestro conjunto completo de herramientas de compilación, se incluyen para desarrollar Bootstrap y su documentación, pero es probable que no sean adecuadas para tus propios fines.

Ejemplos

Si deseas descargar y examinar nuestros ejemplos, puedes obtener los ejemplos ya compilados:

CDN a través de jsDelivr

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

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

Si estás utilizando nuestro JavaScript compilado y prefieres incluir Popper por separado, agrega Popper antes de nuestro JS, preferiblemente a través de un CDN.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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 algunos países o entornos específicos), es posible que debas usar otros proveedores de CDN como cdnjs o unpkg.

Encontrarás los mismos archivos en estos proveedores de CDN, aunque con diferentes URL. Con cdnjs, puedes usar este enlace directo del paquete Bootstrap para copiar y pegar fragmentos de HTML listos para usar para cada archivo de distribución 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 de esperar que sean diferentes.

Como tal, 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 la CLI, por ejemplo:

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

Gestores de paquetes

Integra los archivos fuente de Bootstrap en casi cualquier proyecto con algunos de los gestores de paquetes más populares. No importa el 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 impulsadas por Node.js con el paquete npm:

npm install [email protected]

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 manualmente los plugins de Bootstrap individualmente cargando los archivos /js/dist/*.js en el directorio de nivel superior del paquete.

El archivo 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 se ha compilado utilizando la configuración predeterminada (sin personalización)

yarn

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

yarn add [email protected]

yarn config set nodeLinker node-modules # Usa el enlazador node_modules
touch yarn.lock # Crea un archivo yarn.lock vacío
yarn install # Instala las dependencias
yarn start # Inicia el proyecto

Bun

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

bun add [email protected]

RubyGems

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

gem 'bootstrap', '~> 5.3.8'

Alternativamente, si no estás usando Bundler, puedes instalar la gema ejecutando este comando:

gem install bootstrap -v 5.3.8

Consulta el README de la gema para más detalles.

Composer

También puedes instalar y administrar 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 administrar el CSS o Sass y JavaScript de Bootstrap usando NuGet. Los proyectos más nuevos deben usar libman u otro método, ya que NuGet está diseñado para código compilado, no para recursos 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 el autocompletado de IntelliSense para las clases de Bootstrap.