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.
CSS y JS compilados
Descargue el código compilado listo para usar para Bootstrap v5.0.2 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.
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.
Ejemplos
Si desea descargar y examinar nuestros ejemplos , puede obtener los ejemplos ya construidos:
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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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 bootstrap
const bootstrap = require('bootstrap')
o import bootstrap from 'bootstrap'
cargará todos los complementos de Bootstrap en un bootstrap
objeto. El bootstrap
módulo en sí exporta todos nuestros complementos. Puede cargar manualmente los complementos de Bootstrap individualmente cargando los /js/dist/*.js
archivos en el directorio de nivel superior del paquete.
Bootstrap package.json
contiene algunos metadatos adicionales bajo las siguientes claves:
sass
- ruta al archivo fuente principal de Sass de Bootstrapstyle
- ruta al CSS no minimizado de Bootstrap que ha sido precompilado usando la configuración predeterminada (sin personalización)
hilo
Instale Bootstrap en sus aplicaciones con tecnología de Node.js con el paquete yarn :
yarn add bootstrap
RubyGems
Instale Bootstrap en sus aplicaciones Ruby usando Bundler ( recomendado ) y RubyGems agregando la siguiente línea a su Gemfile
:
gem 'bootstrap', '~> 5.0.2'
Alternativamente, si no está utilizando Bundler, puede instalar la gema ejecutando este comando:
gem install bootstrap -v 5.0.2
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.0.2
NuGet
Si desarrolla en .NET, también puede instalar y administrar CSS o Sass y JavaScript de Bootstrap usando NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass