Descargar

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

En esta página

CSS y JS compilados

Descargue el código compilado listo para usar para Bootstrap v5.2.1 para colocarlo fácilmente en su proyecto, que incluye:

Paquetes de CSS compilados y minificados (consulte la comparación de archivos CSS )
Complementos de JavaScript compilados y minificados (consulte la comparación de archivos JS )

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

Descargar

Archivos fuente

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

Compilador Sass para compilar archivos fuente Sass en archivos CSS
Autoprefixer para el prefijo del proveedor de CSS

Si necesita nuestro conjunto completo de herramientas de compilación , se incluyen para desarrollar Bootstrap y sus documentos, pero es probable que no sean adecuadas para sus propios fines.

Fuente de descarga

Ejemplos

Si desea descargar y examinar nuestros ejemplos , puede tomar los ejemplos ya creados:

Descargar ejemplos

CDN a través de jsDelivr

Omita la descarga con jsDelivr para entregar la versión en caché de CSS y JS compilados de Bootstrap a su proyecto.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

Si está utilizando nuestro JavaScript compilado y prefiere incluir Popper por separado, agregue 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-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

Administradores de paquetes

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

npm

Instale Bootstrap en sus aplicaciones con tecnología de 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 bootstrapobjeto. El bootstrapmódulo en sí exporta todos nuestros complementos. Puede cargar manualmente los complementos de Bootstrap individualmente cargando los /js/dist/*.jsarchivos en el directorio de nivel superior del paquete.

Bootstrap package.jsoncontiene algunos metadatos adicionales bajo las siguientes claves:

sass- ruta al archivo fuente principal de Sass de Bootstrap
style- ruta al CSS no minimizado de Bootstrap que se ha compilado con la configuración predeterminada (sin personalización)

¡Comience con Bootstrap a través de npm con nuestro proyecto inicial! Diríjase al repositorio de plantillas twbs/bootstrap-npm-starter para ver cómo crear y personalizar Bootstrap en su propio proyecto npm. Incluye el compilador Sass, Autoprefixer, Stylelint, PurgeCSS y Bootstrap Icons.

hilo

Instale Bootstrap en sus aplicaciones con tecnología de Node.js con el paquete yarn :

yarn add [email protected]

RubyGems

Instale Bootstrap en sus aplicaciones Ruby usando Bundler ( recomendado ) y RubyGems agregando la siguiente línea a su Gemfile:

gem 'bootstrap', '~> 5.2.1'

Alternativamente, si no está utilizando Bundler, puede instalar la gema ejecutando este comando:

gem install bootstrap -v 5.2.1

Consulte el LÉAME de la gema para obtener más detalles.

Compositor

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

composer require twbs/bootstrap:5.2.1

NuGet

Si desarrolla en .NET Framework, también puede instalar y administrar CSS o Sass y JavaScript de Bootstrap mediante 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 interfaz.

Install-Package bootstrap

Install-Package bootstrap.sass