Stiahnuť ▼
Stiahnite si Bootstrap a získajte kompilovaný CSS a JavaScript, zdrojový kód alebo ho zahrňte do svojich obľúbených správcov balíkov, ako sú npm, RubyGems a ďalšie.
Kompilovaný CSS a JS
Stiahnite si hotový skompilovaný kód pre Bootstrap v5.0.2 , aby ste mohli jednoducho vstúpiť do svojho projektu, ktorý zahŕňa:
- Kompilované a minifikované balíky CSS (pozrite si porovnanie súborov CSS )
- Kompilované a minifikované doplnky JavaScript (pozri porovnanie súborov JS )
To nezahŕňa dokumentáciu, zdrojové súbory ani žiadne voliteľné závislosti JavaScriptu, ako je Popper.
Zdrojové súbory
Zostavte Bootstrap s vlastným kanálom aktív stiahnutím našich zdrojových súborov Sass, JavaScriptu a dokumentácie. Táto možnosť si vyžaduje ďalšie nástroje:
- Kompilátor Sass na kompiláciu zdrojových súborov Sass do súborov CSS
- Autoprefixer pre predponu dodávateľa CSS
Ak by ste potrebovali našu úplnú sadu nástrojov na zostavovanie , sú zahrnuté pre vývoj Bootstrapu a jeho dokumentov, ale pravdepodobne nie sú vhodné pre vaše vlastné účely.
Príklady
Ak si chcete stiahnuť a preskúmať naše príklady , môžete si stiahnuť už vytvorené príklady:
CDN cez jsDelivr
Preskočte sťahovanie pomocou jsDelivr a doručte do svojho projektu verziu kompilovaného CSS a JS Bootstrapu vo vyrovnávacej pamäti.
<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>
Ak používate náš kompilovaný JavaScript a uprednostňujete zahrnúť Popper samostatne, pridajte Popper pred naším JS, najlepšie cez 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>
Správcovia balíkov
Vtiahnite zdrojové súbory Bootstrapu do takmer akéhokoľvek projektu s niektorými z najpopulárnejších správcov balíkov. Bez ohľadu na správcu balíkov, Bootstrap bude vyžadovať kompilátor Sass a Autoprefixer pre nastavenie, ktoré zodpovedá našim oficiálnym kompilovaným verziám.
npm
Nainštalujte Bootstrap vo svojich aplikáciách s podporou Node.js pomocou balíka npm :
npm install bootstrap
const bootstrap = require('bootstrap')alebo import bootstrap from 'bootstrap'načíta všetky zásuvné moduly Bootstrap do bootstrapobjektu. Samotný bootstrapmodul exportuje všetky naše pluginy. Zásuvné moduly Bootstrap môžete manuálne načítať jednotlivo načítaním /js/dist/*.jssúborov do adresára najvyššej úrovne balíka.
Bootstrap package.jsonobsahuje niektoré ďalšie metadáta pod nasledujúcimi kľúčmi:
sass- cesta k hlavnému zdrojovému súboru Sass Bootstrapustyle- cesta k neminifikovanému CSS Bootstrapu, ktorý bol predkompilovaný pomocou predvolených nastavení (bez prispôsobenia)
priadza
Nainštalujte Bootstrap vo svojich aplikáciách s podporou Node.js pomocou balíka priadze :
yarn add bootstrap
RubyGems
Nainštalujte Bootstrap vo svojich aplikáciách Ruby pomocou Bundler ( odporúča sa ) a RubyGems pridaním nasledujúceho riadku do Gemfile:
gem 'bootstrap', '~> 5.0.2'
Prípadne, ak nepoužívate Bundler, môžete drahokam nainštalovať spustením tohto príkazu:
gem install bootstrap -v 5.0.2
Ďalšie podrobnosti nájdete v README drahokamu .
Skladateľ
Môžete tiež nainštalovať a spravovať Bootstrap's Sass a JavaScript pomocou Composer :
composer require twbs/bootstrap:5.0.2
NuGet
Ak vyvíjate v .NET, môžete tiež nainštalovať a spravovať CSS Bootstrap alebo Sass a JavaScript pomocou NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass