Stiahnuť ▼
Stiahnite si Bootstrap a získajte skompilovaný 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 skompilovaný kód pripravený na použitie pre Bootstrap v4.5.3 , 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
Nezahŕňa to dokumentáciu, zdrojové súbory ani žiadne voliteľné závislosti JavaScriptu (jQuery a Popper.js).
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 (podporuje sa Libbsass alebo Ruby Sass) na kompiláciu vášho CSS.
- Autoprefixer pre predponu dodávateľa CSS
Ak potrebujete nástroje 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:
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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
Ak používate náš kompilovaný JavaScript a uprednostňujete zahrnúť Popper.js samostatne, pridajte Popper.js pred náš JS, najlepšie cez CDN.
<script src="https://code.jquery.com/jquery-3.5.1.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-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" 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
require('bootstrap')
načíta všetky zásuvné moduly jQuery Bootstrapu do objektu jQuery. Samotný bootstrap
modul nič neexportuje. Doplnky jQuery od Bootstrapu môžete načítať manuálne jednotlivo načítaním /js/*.js
súborov do adresára najvyššej úrovne balíka.
Bootstrap package.json
obsahuje 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', '~> 4.5.3'
Prípadne, ak nepoužívate Bundler, môžete drahokam nainštalovať spustením tohto príkazu:
gem install bootstrap -v 4.5.3
Ď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:4.5.3
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