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 v4.6.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 (jQuery i Popper).

descarregar

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 propòsits.

Font de descàrrega

Exemples

Si voleu descarregar i examinar els nostres exemples , podeu agafar els exemples ja creats:

Descarregar exemples

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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" 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/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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

require('bootstrap')carregarà tots els connectors jQuery de Bootstrap a l'objecte jQuery. El bootstrapmòdul en si no exporta res. Podeu carregar manualment els connectors jQuery de Bootstrap individualment carregant els /js/*.jsfitxers al directori de nivell superior del paquet.

Bootstrap package.jsonconté algunes metadades addicionals sota les claus següents:

sass- camí al fitxer font principal de Sass de Bootstrap
style- camí al CSS no minificat de Bootstrap que s'ha compilat prèviament amb la configuració predeterminada (sense personalització)

Comenceu amb Bootstrap mitjançant npm amb el nostre projecte inicial! Dirigiu-vos al dipòsit de plantilles twbs/bootstrap-npm-starter per veure com crear i personalitzar Bootstrap al vostre propi projecte npm. Inclou el compilador Sass, l'Autoprefixer, Stylelint, PurgeCSS i les icones Bootstrap.

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', '~> 4.6.2'

Alternativament, si no feu servir Bundler, podeu instal·lar la gemma executant aquesta ordre:

gem install bootstrap -v 4.6.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:4.6.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