preuzimanje datoteka
Preuzmite Bootstrap da biste dobili kompajlirani CSS i JavaScript, izvorni kod ili ga uključite sa svojim omiljenim upraviteljima paketa kao što su npm, RubyGems i drugi.
Sastavljen CSS i JS
Preuzmite kompilirani kod spreman za korištenje za Bootstrap v5.1.3 kako biste jednostavno ušli u svoj projekt, što uključuje:
- Prevedeni i umanjeni CSS paketi (pogledajte usporedbu CSS datoteka )
- Prevedeni i umanjeni JavaScript dodaci (pogledajte usporedbu JS datoteka )
To ne uključuje dokumentaciju, izvorne datoteke ili bilo koje dodatne JavaScript ovisnosti poput Poppera.
Izvorne datoteke
Kompajlirajte Bootstrap s vlastitim cjevovodom sredstava preuzimanjem našeg izvornog Sass-a, JavaScript-a i datoteka dokumentacije. Ova opcija zahtijeva dodatni alat:
- Sass kompajler za kompajliranje Sass izvornih datoteka u CSS datoteke
- Automatski prefiks za prefiks dobavljača CSS-a
Ako trebate naš cijeli set alata za izgradnju , oni su uključeni za razvoj Bootstrapa i njegove dokumentacije, ali vjerojatno nisu prikladni za vaše potrebe.
Primjeri
Ako želite preuzeti i ispitati naše primjere , možete preuzeti već izgrađene primjere:
CDN putem jsDelivr
Preskočite preuzimanje s jsDelivrom kako biste svom projektu isporučili predmemoriranu verziju Bootstrapovog kompajliranog CSS-a i JS-a.
<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>
Ako koristite naš prevedeni JavaScript i želite uključiti Popper odvojeno, dodajte Popper prije našeg JS-a, po mogućnosti putem CDN-a.
<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>
Upravitelji paketa
Povucite Bootstrapove izvorne datoteke u gotovo svaki projekt s nekim od najpopularnijih upravitelja paketima. Bez obzira na upravitelja paketima, Bootstrap će zahtijevati Sass kompajler i Autoprefixer za postavku koja odgovara našim službenim kompiliranim verzijama.
npm
Instalirajte Bootstrap u svoje aplikacije koje pokreće Node.js s paketom npm :
npm install bootstrap
const bootstrap = require('bootstrap')
ili import bootstrap from 'bootstrap'
će učitati sve Bootstrapove dodatke na bootstrap
objekt. Sam bootstrap
modul izvozi sve naše dodatke. Možete ručno učitati Bootstrapove dodatke pojedinačno učitavanjem /js/dist/*.js
datoteka u direktoriju najviše razine paketa.
Bootstrap package.json
sadrži neke dodatne metapodatke pod sljedećim ključevima:
sass
- put do Bootstrapove glavne Sass izvorne datotekestyle
- put do Bootstrapovog neminificiranog CSS-a koji je unaprijed kompajliran korištenjem zadanih postavki (bez prilagodbe)
pređa
Instalirajte Bootstrap u svoje aplikacije koje pokreće Node.js s paketom yarn :
yarn add bootstrap
RubyGems
Instalirajte Bootstrap u svoje Ruby aplikacije koristeći Bundler ( preporučeno ) i RubyGems dodavanjem sljedećeg retka u svoj Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Alternativno, ako ne koristite Bundler, možete instalirati gem pokretanjem ove naredbe:
gem install bootstrap -v 5.1.3
Za dodatne pojedinosti pogledajte README dragulja .
Skladatelj
Također možete instalirati i upravljati Bootstrapovim Sassom i JavaScriptom koristeći Composer :
composer require twbs/bootstrap:5.1.3
NuGet
Ako razvijate u .NET-u, također možete instalirati i upravljati Bootstrapovim CSS -om ili Sassom i JavaScriptom koristeći NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass