Skinuti
Preuzmite Bootstrap da dobijete kompajlirani CSS i JavaScript, izvorni kod ili ga uključite u svoje omiljene menadžere paketa kao što su npm, RubyGems i još mnogo toga.
Sastavljen CSS i JS
Preuzmite kompajlirani kod spreman za upotrebu za Bootstrap v5.2.1 da biste ga lako ubacili u svoj projekat, koji uključuje:
- Prevedeni i minimizirani CSS paketi (pogledajte poređenje CSS datoteka )
- Prevedeni i minimizirani JavaScript dodaci (pogledajte poređenje JS datoteka )
Ovo ne uključuje dokumentaciju, izvorne datoteke ili bilo koje opcione JavaScript zavisnosti kao što je Popper.
Izvorni fajlovi
Kompajlirajte Bootstrap sa svojim vlastitim resursima preuzimanjem naših izvornih datoteka Sass, JavaScript i dokumentacije. Ova opcija zahtijeva neke dodatne alate:
- Sass kompajler za kompajliranje Sass izvornih datoteka u CSS datoteke
- Automatski prefiksator za prefiksiranje CSS dobavljača
Ako vam je potreban naš kompletan set alata za pravljenje , oni su uključeni za razvoj Bootstrapa i njegovih dokumenata, ali su vjerovatno neprikladni za vaše potrebe.
Primjeri
Ako želite preuzeti i ispitati naše primjere , možete uzeti već izgrađene primjere:
CDN preko jsDelivr
Preskočite preuzimanje pomoću jsDelivr-a da isporučite keširanu verziju Bootstrap-ovog kompajliranog CSS-a i JS-a u svoj projekat.
<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š kompajlirani JavaScript i želite da uključite Popper zasebno, dodajte Popper prije našeg JS-a, po mogućnosti preko 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>
Upravljači paketima
Ubacite izvorne datoteke Bootstrapa u skoro svaki projekat sa nekim od najpopularnijih menadžera paketa. Bez obzira na menadžer paketa, Bootstrap će zahtijevati Sass kompajler i Autoprefixer za postavku koja odgovara našim zvaničnim kompajliranim verzijama.
npm
Instalirajte Bootstrap u svoje aplikacije koje pokreće Node.js sa npm paketom :
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 dodatke za Bootstrap 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 tipkama:
sass
- put do Bootstrap-ove glavne Sass izvorne datotekestyle
- put do Bootstrap-ovog ne-minimiziranog CSS-a koji je kompajliran korištenjem zadanih postavki (bez prilagođavanja)
pređe
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 reda u svoj Gemfile
:
gem 'bootstrap', '~> 5.2.1'
Alternativno, ako ne koristite Bundler, možete instalirati dragulj tako što ćete pokrenuti ovu naredbu:
gem install bootstrap -v 5.2.1
Pogledajte README dragulja za više detalja.
Kompozitor
Također možete instalirati i upravljati Bootstrap's Sass i JavaScript koristeći Composer :
composer require twbs/bootstrap:5.2.1
NuGet
Ako razvijate u .NET Framework-u, također možete instalirati i upravljati Bootstrapovim CSS -om ili Sass -om i JavaScript-om koristeći NuGet . Noviji projekti bi trebali koristiti libman ili neku drugu metodu jer je NuGet dizajniran za kompajlirani kod, a ne sredstva frontenda.
Install-Package bootstrap
Install-Package bootstrap.sass