Deskargatu
Deskargatu Bootstrap konpilatutako CSS eta JavaScript, iturburu-kodea lortzeko, edo sartu zure gogoko pakete-kudeatzaileetan, adibidez, npm, RubyGems eta abar.
CSS eta JS konpilatuak
Deskargatu erabiltzeko prest dagoen kode konpilatua Bootstrap v4.5.3rako zure proiektuan erraz sartzeko, hau barne:
- Konpilatu eta txikitutako CSS sortak (ikus CSS fitxategien konparazioa )
- Konpilatu eta txikitutako JavaScript pluginak
Honek ez du barne hartzen dokumentazioa, iturburu-fitxategiak edo aukerako JavaScript menpekotasunik (jQuery eta Popper.js).
Iturburu-fitxategiak
Konpilatu Bootstrap zure aktibo kanalizazioarekin gure iturburuko Sass, JavaScript eta dokumentazio fitxategiak deskargatuz. Aukera honek tresna osagarri batzuk behar ditu:
- Sass konpilatzailea (Libsass edo Ruby Sass onartzen da) zure CSS konpilatzeko.
- CSS saltzaileen aurrizkiaren autoaurrizkia
Eraikitzeko tresnak behar badituzu , Bootstrap eta bere dokumentuak garatzeko sartzen dira, baina ziurrenik desegokiak izango dira zure helburuetarako.
Adibideak
Gure adibideak deskargatu eta aztertu nahi badituzu, dagoeneko eraikitako adibideak har ditzakezu:
jsDelivr
Saltatu jsDelivr -ekin deskargatu Bootstrap-en konpilatutako CSS eta JS-en cacheko bertsioa zure proiektuari emateko.
<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>
Konpilatutako JavaScript erabiltzen ari bazara eta Popper.js bereizita sartu nahi baduzu, gehitu Popper.js gure JS baino lehen, hobe CDN baten bidez.
<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>
Paketeen kudeatzaileak
Sartu Bootstrap-en iturburu-fitxategiak pakete-kudeatzaile ezagunenetako batzuekin ia edozein proiektutan. Pakete-kudeatzailea edozein dela ere, Bootstrap -ek Sass konpilatzailea eta Autoaurrizkia beharko du gure konpilatutako bertsio ofizialekin bat datorren konfigurazio baterako.
npm
Instalatu Bootstrap zure Node.js powered aplikazioetan npm paketearekin :
npm install bootstrap
require('bootstrap')
Bootstrap-en jQuery plugin guztiak jQuery objektuan kargatuko ditu. Moduluak berak ez du bootstrap
ezer esportatzen. Bootstrap-en jQuery pluginak eskuz karga ditzakezu banan-banan /js/*.js
fitxategiak paketearen goi-mailako direktorioan kargatuz.
Bootstrap- package.json
ek metadatu gehigarri batzuk ditu gako hauen azpian:
sass
- Bootstrap-en Sass iturburu-fitxategi nagusirako bideastyle
- Ezarpen lehenetsiak erabiliz aurrez konpilatu den Bootstrap-en txikitu gabeko CSSrako bidea (pertsonalizaziorik ez)
haria
Instalatu Bootstrap zure Node.js powered aplikazioetan yarn paketearekin :
yarn add bootstrap
RubyGems
Instalatu Bootstrap zure Ruby aplikazioetan Bundler ( gomendatua ) eta RubyGems erabiliz , lerro hau gehituz zure Gemfile
:
gem 'bootstrap', '~> 4.5.3'
Bestela, Bundler erabiltzen ari ez bazara, harribitxia instala dezakezu komando hau exekutatuz:
gem install bootstrap -v 4.5.3
Ikusi harribitxiaren IRAKURRI xehetasun gehiagorako.
Konpositorea
Bootstrap-en Sass eta JavaScript ere instalatu eta kudeatu ditzakezu Composer erabiliz :
composer require twbs/bootstrap:4.5.3
NuGet
.NET-en garatzen baduzu, Bootstrap-en CSS edo Sass eta JavaScript ere instalatu eta kudeatu ditzakezu NuGet erabiliz :
Install-Package bootstrap
Install-Package bootstrap.sass