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 v4.5.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
Ovo ne uključuje dokumentaciju, izvorne datoteke ili bilo koje dodatne JavaScript ovisnosti (jQuery i Popper.js).
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 prevodilac (podržan je Libsass ili Ruby Sass) za kompajliranje vašeg CSS-a.
- Automatski prefiks za prefiks dobavljača CSS-a
Ako su vam potrebni alati za izgradnju , oni su uključeni u razvoj Bootstrapa i njegovih dokumenata, ali vjerojatno nisu prikladni 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-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
Ako koristite naš kompajlirani JavaScript i želite zasebno uključiti Popper.js, dodajte Popper.js prije našeg JS-a, po mogućnosti putem CDN-a.
<script src="https://code.jquery.com/jquery-3.5.1.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-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" 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.5.3'
Alternativno, ako ne koristite Bundler, možete instalirati gem pokretanjem ove naredbe:
gem install bootstrap -v 4.5.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:4.5.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