descarregar
Baixeu Bootstrap per obtenir el CSS i JavaScript compilats, el codi font, o incloeu-lo amb els vostres gestors de paquets preferits com npm, RubyGems i molt més.
CSS i JS compilats
Baixeu codi compilat llest per utilitzar per a Bootstrap v5.0.2 per entrar fàcilment al vostre projecte, que inclou:
- Paquets CSS compilats i minificats (vegeu la comparació de fitxers CSS )
- Complements de JavaScript compilats i minificats (vegeu la comparació de fitxers JS )
Això no inclou documentació, fitxers font ni cap dependència opcional de JavaScript com Popper.
Fitxers font
Compileu Bootstrap amb el vostre propi pipeline d'actius baixant els nostres fitxers de documentació, JavaScript i Sass d'origen. Aquesta opció requereix algunes eines addicionals:
- Compilador Sass per compilar fitxers font Sass en fitxers CSS
- Prefixador automàtic per a la prefixació de proveïdors CSS
Si necessiteu el nostre conjunt complet d' eines de compilació , s'inclouen per desenvolupar Bootstrap i els seus documents, però probablement no siguin adequats per als vostres propis propòsits.
Exemples
Si voleu descarregar i examinar els nostres exemples , podeu agafar els exemples ja creats:
CDN a través de jsDelivr
Ometeu la descàrrega amb jsDelivr per oferir la versió emmagatzemada en memòria cau del CSS i JS compilats de Bootstrap al vostre projecte.
<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 utilitzeu el nostre JavaScript compilat i preferiu incloure Popper per separat, afegiu Popper abans del nostre JS, preferiblement mitjançant 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>
Gestors de paquets
Introduïu els fitxers font de Bootstrap a gairebé qualsevol projecte amb alguns dels gestors de paquets més populars. Independentment del gestor de paquets, Bootstrap requerirà un compilador Sass i un autoprefixador per a una configuració que coincideixi amb les nostres versions compilades oficials.
npm
Instal·leu Bootstrap a les vostres aplicacions alimentades amb Node.js amb el paquet npm :
npm install bootstrap
const bootstrap = require('bootstrap')
o import bootstrap from 'bootstrap'
carregarà tots els connectors de Bootstrap en un bootstrap
objecte. El bootstrap
mòdul en si exporta tots els nostres connectors. Podeu carregar manualment els connectors de Bootstrap individualment carregant els /js/dist/*.js
fitxers al directori de nivell superior del paquet.
Bootstrap package.json
conté algunes metadades addicionals sota les claus següents:
sass
- camí al fitxer font principal de Sass de Bootstrapstyle
- camí al CSS no minificat de Bootstrap que s'ha compilat prèviament amb la configuració predeterminada (sense personalització)
fil
Instal·leu Bootstrap a les vostres aplicacions alimentades amb Node.js amb el paquet yarn :
yarn add bootstrap
RubyGems
Instal·leu Bootstrap a les vostres aplicacions Ruby mitjançant Bundler ( recomanat ) i RubyGems afegint la línia següent al vostre Gemfile
:
gem 'bootstrap', '~> 5.0.2'
Alternativament, si no feu servir Bundler, podeu instal·lar la gemma executant aquesta ordre:
gem install bootstrap -v 5.0.2
Consulteu el README de la joia per a més detalls.
Compositor
També podeu instal·lar i gestionar el Sass i JavaScript de Bootstrap mitjançant Composer :
composer require twbs/bootstrap:5.0.2
NuGet
Si desenvolupeu a .NET, també podeu instal·lar i gestionar el CSS o Sass i JavaScript de Bootstrap mitjançant NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass