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.

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 (opens in a new tab)

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 (opens in a new tab) 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 (opens in a new tab)

Ejemplos

Si deseas descargar y examinar nuestros ejemplos (opens in a new tab), puedes tomar los ejemplos ya creados:

Descargar ejemplos (opens in a new tab)

CDN vía jsDelivr

Salta la descarga con jsDelivr (opens in a new tab) 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 (opens in a new tab) 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 (opens in a new tab) o unpkg (opens in a new tab).

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

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 (opens in a new tab) 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 (opens in a new tab) 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 (opens in a new tab):

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 (opens in a new tab) de Bootstrap
• style - ruta al CSS no minificado de Bootstrap que se ha compilado usando la configuración predeterminada (sin personalización)

yarn

Instala Bootstrap en tus aplicaciones con tecnología Node.js con el paquete yarn (opens in a new tab):

yarn add [email protected]

RubyGems

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

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 (opens in a new tab) para obtener más información.

Composer

También puedes instalar y administrar Sass y JavaScript de Bootstrap usando Composer (opens in a new tab):

composer require twbs/bootstrap:5.3.2

NuGet

Si desarrollas en .NET Framework, también puedes instalar y administrar el CSS (opens in a new tab) o Sass (opens in a new tab) y JavaScript de Bootstrap usando NuGet (opens in a new tab). Los proyectos más nuevos deben usar libman (opens in a new tab) 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