Preskočiť na hlavný obsah Preskočiť na navigáciu v dokumentoch
in English

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.1.3 , aby ste mohli jednoducho vstúpiť do svojho projektu, ktorý zahŕňa:

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:

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

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

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 Bootstrapu
  • style- cesta k neminifikovanému CSS Bootstrapu, ktorý bol predkompilovaný 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 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.1.3'

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

gem install bootstrap -v 5.1.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:5.1.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