Descargar

Descarga Bootstrap para obtener el CSS y JavaScript compilados, el código fuente, o inclúyelo con tus administradores de paquetes favoritos como npm, RubyGems y más.

😎 Esta traducción es parte del proyecto esdocu.com.

En esta página

CSS y JS compilados.

Descarga el código compilado listo para usar de Bootstrap v5.3.2 para incluirlo fácilmente en tu proyecto, que incluye:

Paquetes CSS compilados y minimizados (ver Comparación de archivos CSS)
Plugins de JavaScript compilados y minimizados (ver Comparación de archivos JS)

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

Descargar

Archivos fuente

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

Compilador Sass para compilar archivos fuente Sass en archivos CSS
Autoprefixer para prefijos de proveedores de CSS

Si necesitas nuestro conjunto completo de herramientas de compilación, son incluidas para desarrollar Bootstrap y su documentación, pero probablemente no sean adecuados para tus propios fines.

Descargar fuente

Ejemplos

Si deseas descargar y examinar nuestros ejemplos, puedes tomar los ejemplos ya creados:

Descargar Ejemplos

CDN vía jsDelivr

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

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>

Si estás usando nuestro JavaScript compilado y prefieres incluir Popper por separado, agrega Popper antes de nuestro JS, preferiblemente a través de una 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-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>

CDN alternativas

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 necesites utilizar 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 al paquete Bootstrap para copiar y pegar fragmentos HTML listos para usar para cada archivo dist desde cualquier versión de Bootstrap.

Si los hashes SRI difieren para un archivo determinado, no debes usar los archivos de ese CDN, porque significa que el archivo fue modificado por otra persona.

Ten en cuenta que debes comparar hashes de la misma longitud, ej. sha384 con sha384, de lo contrario se espera que sean diferentes. Como tal, puedes utilizar una herramienta en línea como SRI Hash Generator para asegurarte de que los hashes sean los mismos para un archivo determinado. Alternativamente, suponiendo que tengas OpenSSL instalado, puedes lograr lo mismo desde la CLI, por ejemplo:

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

Administradores de paquetes

Incorpora los archivos fuente de Bootstrap a casi cualquier proyecto con algunos de los administradores de paquetes más populares. No importa el administrador de paquetes, Bootstrap requerirá un compilador Sass y un Autoprefixer para obtener una configuración que coincida con nuestras versiones compiladas oficiales.

npm

Instala Bootstrap en tus aplicaciones con tecnología Node.js con el paquete npm:

npm install [email protected]

const bootstrap = require('bootstrap') o import bootstrap from 'bootstrap' cargará todos los complementos de Bootstrap en un objeto bootstrap. El módulo bootstrap exporta todos nuestros complementos. Puedes cargar manualmente los complementos de Bootstrap individualmente cargando los archivos /js/dist/*.js en 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 Sass de Bootstrap
style - ruta al CSS no minificado de Bootstrap que se ha compilado usando la configuración predeterminada (sin personalización)

¡Empieza a usar Bootstrap a través de npm con nuestro proyecto inicial! Dirígete al repositorio de ejemplo de Sass y JS para ver cómo crear y personalizar Bootstrap en tu propio proyecto npm. Incluye el compilador Sass, Autoprefixer, Stylelint, PurgeCSS y Bootstrap Icons.

yarn

Instala Bootstrap en tus aplicaciones con tecnología Node.js con el paquete yarn:

yarn add [email protected]

RubyGems

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

gem 'bootstrap', '~> 5.3.2'

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

gem install bootstrap -v 5.3.2

Consulta el archivo README de la gema para obtener más información.

Composer

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

composer require twbs/bootstrap:5.3.2

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 assets de frontend.

Install-Package bootstrap

Install-Package bootstrap.sass