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 kompajlirani kod spreman za korištenje za Bootstrap v5.2.1 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 vam zatreba naš cijeli set alata za izgradnju , oni su uključeni za razvoj Bootstrapa i njegovih dokumenata, ali su vjerojatno neprikladni 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-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>
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-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>
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 [email protected]
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 kompiliran korištenjem zadanih postavki (bez prilagodbe)
pređa
Instalirajte Bootstrap u svoje aplikacije koje pokreće Node.js s paketom yarn :
yarn add [email protected]
RubyGems
Instalirajte Bootstrap u svoje Ruby aplikacije koristeći Bundler ( preporučeno ) i RubyGems dodavanjem sljedećeg retka u svoj Gemfile
:
gem 'bootstrap', '~> 5.2.1'
Alternativno, ako ne koristite Bundler, možete instalirati gem pokretanjem ove naredbe:
gem install bootstrap -v 5.2.1
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.2.1
NuGet
Ako razvijate u .NET Frameworku, također možete instalirati i upravljati Bootstrapovim CSS -om ili Sassom i JavaScriptom koristeći NuGet . Noviji projekti trebali bi koristiti libman ili neku drugu metodu budući da je NuGet dizajniran za kompilirani kod, a ne za sredstva sučelja.
Install-Package bootstrap
Install-Package bootstrap.sass