Niżżel
Niżżel Bootstrap biex tikseb is-CSS u l-JavaScript miġbura, il-kodiċi tas-sors, jew inkludih mal-maniġers tal-pakketti favoriti tiegħek bħal npm, RubyGems, u aktar.
CSS u JS miġbura
Niżżel kodiċi kkumpilat lest għall-użu għal Bootstrap v5.1.3 biex faċilment tidħol fil-proġett tiegħek, li jinkludi:
- Pakketti CSS ikkumpilati u mminifikati (ara t -tqabbil tal-fajls CSS )
- Plugins JavaScript ikkompilati u mminifikati (ara t -tqabbil tal-fajls JS )
Dan ma jinkludix dokumentazzjoni, fajls sors, jew xi dipendenzi fakultattivi JavaScript bħal Popper.
Fajls tas-sors
Ikkompila Bootstrap bil-pipeline tal-assi tiegħek stess billi tniżżel il-fajls tagħna ta’ Sass, JavaScript u dokumentazzjoni tas-sors. Din l-għażla teħtieġ xi għodda addizzjonali:
- Sass kompilatur għall-kompilazzjoni ta 'fajls tas-sors Sass f'fajls CSS
- Autoprefixer għall-prefissing tal-bejjiegħ CSS
Jekk teħtieġ is-sett sħiħ tagħna ta' għodod tal-bini , huma inklużi għall-iżvilupp ta' Bootstrap u d-dokumenti tiegħu, iżda x'aktarx mhumiex adattati għall-iskopijiet tiegħek.
Eżempji
Jekk trid tniżżel u teżamina l- eżempji tagħna , tista' taqbad l-eżempji diġà mibnija:
CDN permezz ta' jsDelivr
Aqbeż it-tniżżil b'jsDelivr biex twassal verżjoni cache tas-CSS u JS ikkumpilati ta' Bootstrap għall-proġett tiegħek.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
Jekk qed tuża l-JavaScript ikkumpilat tagħna u tippreferi li tinkludi Popper separatament, żid Popper qabel JS tagħna, permezz ta 'CDN preferibbilment.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
Maniġers tal-pakketti
Iġbed il- fajls tas-sors ta 'Bootstrap fi kważi kull proġett ma' wħud mill-maniġers tal-pakketti l-aktar popolari. Ma jimpurtax mill-maniġer tal-pakketti, Bootstrap se jeħtieġ kompilatur Sass u Autoprefixer għal setup li taqbel mal-verżjonijiet ikkumpilati uffiċjali tagħna.
npm
Installa Bootstrap fl-apps tiegħek li jaħdmu b'Node.js bil -pakkett npm :
npm install bootstrap
const bootstrap = require('bootstrap')
jew import bootstrap from 'bootstrap'
se jgħabbi l-plugins kollha ta' Bootstrap fuq bootstrap
oġġett. Il- bootstrap
modulu innifsu jesporta l-plugins kollha tagħna. Tista' tgħabbi manwalment il-plugins ta' Bootstrap individwalment billi tgħabbi l- /js/dist/*.js
fajls taħt id-direttorju tal-ogħla livell tal-pakkett.
Bootstrap's package.json
fih xi metadejta addizzjonali taħt iċ-ċwievet li ġejjin:
sass
- mogħdija għall- fajl tas-sors ewlieni tas- Sass ta' Bootstrapstyle
- mogħdija għas-CSS mhux imminifikat ta' Bootstrap li ġie kkumpilat minn qabel bl-użu tas-settings default (l-ebda customization)
ħajt
Installa Bootstrap fl-apps tiegħek li jaħdmu b'Node.js bil -pakkett tal-ħjut :
yarn add bootstrap
RubyGems
Installa Bootstrap fl-apps Ruby tiegħek billi tuża Bundler ( rrakkomandat ) u RubyGems billi żżid il-linja li ġejja ma' tiegħek Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Inkella, jekk m'intix qed tuża Bundler, tista' tinstalla l-gem billi tħaddem dan il-kmand:
gem install bootstrap -v 5.1.3
Ara l-Ġawhra README għal aktar dettalji.
Kompożitur
Tista' wkoll tinstalla u timmaniġġja Sass u JavaScript ta' Bootstrap billi tuża Composer :
composer require twbs/bootstrap:5.1.3
NuGet
Jekk tiżviluppa f'.NET, tista' wkoll tinstalla u timmaniġġja s- CSS jew Sass u JavaScript ta' Bootstrap billi tuża NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass