Descarca
Descărcați Bootstrap pentru a obține CSS și JavaScript compilat, codul sursă sau includeți-l cu managerii de pachete preferati, cum ar fi npm, RubyGems și multe altele.
CSS și JS compilat
Descărcați cod compilat gata de utilizare pentru Bootstrap v5.0.2 pentru a intra cu ușurință în proiectul dvs., care include:
- Pachete CSS compilate și minimizate (consultați compararea fișierelor CSS )
- Pluginuri JavaScript compilate și minimizate (consultați compararea fișierelor JS )
Aceasta nu include documentația, fișierele sursă sau orice dependențe JavaScript opționale, cum ar fi Popper.
Fișiere sursă
Compilați Bootstrap cu propriul pipeline de active, descărcând fișierele noastre sursă Sass, JavaScript și documentație. Această opțiune necesită câteva instrumente suplimentare:
- Compilator Sass pentru compilarea fișierelor sursă Sass în fișiere CSS
- Autoprefixer pentru prefixarea furnizorilor CSS
Dacă aveți nevoie de setul nostru complet de instrumente de compilare , acestea sunt incluse pentru dezvoltarea Bootstrap și documentele sale, dar probabil că nu sunt potrivite pentru propriile dvs. scopuri.
Exemple
Dacă doriți să descărcați și să examinați exemplele noastre , puteți lua exemplele deja construite:
CDN prin jsDelivr
Omite descărcarea cu jsDelivr pentru a livra versiunea în cache a CSS și JS compilat de Bootstrap pentru proiectul tău.
<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>
Dacă utilizați JavaScript compilat și preferați să includeți Popper separat, adăugați Popper înainte de JS-ul nostru, de preferință printr-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>
Managerii de pachete
Introduceți fișierele sursă ale Bootstrap în aproape orice proiect cu unii dintre cei mai populari manageri de pachete. Indiferent de managerul de pachete, Bootstrap va necesita un compilator Sass și un Autoprefixer pentru o configurare care se potrivește cu versiunile noastre oficiale compilate.
npm
Instalați Bootstrap în aplicațiile dvs. alimentate de Node.js cu pachetul npm :
npm install bootstrap
const bootstrap = require('bootstrap')
sau import bootstrap from 'bootstrap'
va încărca toate pluginurile Bootstrap pe un bootstrap
obiect. Modulul bootstrap
în sine exportă toate pluginurile noastre. Puteți încărca manual pluginurile Bootstrap individual, încărcând /js/dist/*.js
fișierele în directorul de nivel superior al pachetului.
Bootstrap-ul package.json
conține câteva metadate suplimentare sub următoarele chei:
sass
- calea către fișierul sursă Sass principal al Bootstrapstyle
- calea către CSS-ul neminiificat al Bootstrap, care a fost precompilat folosind setările implicite (fără personalizare)
fire
Instalați Bootstrap în aplicațiile dvs. alimentate de Node.js cu pachetul yarn :
yarn add bootstrap
RubyGems
Instalați Bootstrap în aplicațiile dvs. Ruby folosind Bundler ( recomandat ) și RubyGems adăugând următoarea linie la dvs Gemfile
.:
gem 'bootstrap', '~> 5.0.2'
Alternativ, dacă nu utilizați Bundler, puteți instala bijuteria rulând această comandă:
gem install bootstrap -v 5.0.2
Consultați README-ul bijuteriei pentru mai multe detalii.
Compozitor
De asemenea, puteți instala și gestiona Sass și JavaScript din Bootstrap folosind Composer :
composer require twbs/bootstrap:5.0.2
NuGet
Dacă dezvoltați în .NET, puteți, de asemenea, să instalați și să gestionați CSS sau Sass și JavaScript Bootstrap folosind NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass