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.

Na tejto stránke

Kompilovaný CSS a JS

Stiahnite si hotový skompilovaný kód pre Bootstrap v5.2.1 , 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.

Stiahnuť ▼

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.

Stiahnite si zdroj

Príklady

Ak si chcete stiahnuť a preskúmať naše príklady , môžete si stiahnuť už vytvorené príklady:

Stiahnite si 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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" 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 [email protected]

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 Bootstrapu
style- cesta k neminifikovanému CSS Bootstrapu, ktorý bol skompilovaný pomocou predvolených nastavení (bez prispôsobenia)

Začnite s Bootstrap cez npm s naším štartovacím projektom! Prejdite do úložiska šablón twbs/bootstrap-npm-starter a zistite, ako vytvoriť a prispôsobiť Bootstrap vo svojom vlastnom projekte npm. Obsahuje prekladač Sass, Autoprefixer, Stylelint, PurgeCSS a ikony Bootstrap.

priadza

Nainštalujte Bootstrap vo svojich aplikáciách s podporou Node.js pomocou balíka priadze :

yarn add [email protected]

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.2.1'

Prípadne, ak nepoužívate Bundler, môžete drahokam nainštalovať spustením tohto príkazu:

gem install bootstrap -v 5.2.1

Ď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.2.1

NuGet

Ak vyvíjate v .NET Framework, môžete tiež nainštalovať a spravovať CSS Bootstrapu alebo Sass a JavaScript pomocou NuGet . Novšie projekty by mali používať libman alebo inú metódu, pretože NuGet je navrhnutý pre kompilovaný kód, nie frontendové aktíva.

Install-Package bootstrap

Install-Package bootstrap.sass