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 v4.6.2 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 (jQuery i Popper).
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:
jsDelivr
Preskočite preuzimanje s jsDelivrom kako biste svom projektu isporučili predmemoriranu verziju Bootstrapovog kompajliranog CSS-a i JS-a.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" 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/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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
require('bootstrap')
će učitati sve Bootstrapove jQuery dodatke na jQuery objekt. Sam bootstrap
modul ne izvozi ništa. Možete pojedinačno ručno učitati Bootstrapove jQuery dodatke učitavanjem /js/*.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', '~> 4.6.2'
Alternativno, ako ne koristite Bundler, možete instalirati gem pokretanjem ove naredbe:
gem install bootstrap -v 4.6.2
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:4.6.2
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