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.
CSS y JS compilados
Descarga el código compilado listo para usar para Bootstrap v5.1.3 para colocarlo fácilmente en tu proyecto, que incluye:
- Paquetes CSS compilados y minificados (ver Comparación de archivos CSS)
- Complementos de JavaScript compilados y minificados (consulta Comparación de archivos JS)
Esto no incluye documentación, archivos fuente ni dependencias de JavaScript opcionales como Popper.
Archivos fuente
Compila Bootstrap con tus propios assets 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 prefijos CSS
Si necesitas nuestro conjunto completo de herramientas de compilación, estas se incluyen para desarrollar Bootstrap junto a su documentación, pero es probable que no sean adecuadas para tus propósitos, tus proyectos.
Ejemplos
Si deseas descargar y examinar nuestros ejemplos, puedes obtener los ejemplos ya creados:
CDN via jsDelivr
Omite la descarga con jsDelivr para entregar la versión 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-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" 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-q9CRHqZndzlxGLOj+xrdLDJa9ittGte1NksRmgJKeCV9DrM7Kz868XYqsKWPpAmn" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
Administradores de paquetes
Incorpora los archivos fuente de Bootstrap en 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
Instala Bootstrap en tus aplicaciones Node.js con el paquete npm:
npm install bootstrap
const bootstrap = require('bootstrap')
o import bootstrap from 'bootstrap'
cargarán
todos los complementos de Bootstrap en un objeto bootstrap
.
El propio 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 Bootstrapstyle
- ruta al CSS no minimizado de Bootstrap que se ha precompilado con la configuración predeterminada (sin personalización)
yarn
Instala Bootstrap en tus aplicaciones de Node.js con el paquete yarn:
yarn add bootstrap
RubyGems
Instala Bootstrap en tus aplicaciones Ruby usando Bundler
(recomendado) y RubyGems agregando la siguiente línea a
tu Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Alternativamente, si no estás utilizando Bundler, puedes instalar la gema ejecutando este comando:
gem install bootstrap -v 5.1.3
Consulta el README de la gema para obtener más detalles.
Composer
También puedes instalar y administrar Sass y JavaScript de Bootstrap usando Composer:
composer require twbs/bootstrap:5.1.3
NuGet
Si desarrollas en .NET Framework, también puedes instalar y administrar CSS de Bootstrap o Sass y JavaScript 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
😎 Esta traducción es parte del proyecto esdocu.com.