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.0.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 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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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.0.2'
Alternativno, ako ne koristite Bundler, možete instalirati gem pokretanjem ove naredbe:
gem install bootstrap -v 5.0.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:5.0.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