in English

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.

En aquesta pàgina

CSS i JS compilats

Baixeu codi compilat llest per utilitzar per a Bootstrap v5.1.3 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.

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

Font de descàrrega

Exemples

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

Descarregar exemples

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-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 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-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" 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>

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 bootstrapobjecte. El bootstrapmòdul en si exporta tots els nostres connectors. Podeu carregar manualment els connectors de Bootstrap individualment carregant els /js/dist/*.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', '~> 5.1.3'

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

gem install bootstrap -v 5.1.3

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.1.3

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