Buusuu
CSS fi JavaScript qindaa'e argachuuf Bootstrap buufadhu, koodii madda, ykn hoggantoota paakeejii jaallattu kan akka npm, RubyGems, fi kkf waliin hammadhu.
CSS fi JS qindeesse
Koodii qindaa'aa fayyadamaaf qophaa'aa Bootstrap v5.1.3 salphaatti gara pirojektii keessanitti akka gadi bu'uuf buufadhaa, kunis:
- Baandaawwan CSS qindaa'anii fi xiqqeessaman ( walbira qabamuu faayiloota CSS ilaali ) .
- Ilaginoota JaavaScript qindaa'anii fi xiqqeessaman ( walbira qabamuu faayiloota JS ilaali ) .
Kun galmee, faayilii madda, ykn hirkattummaa JaavaScript filannoo kamiyyuu akka Popper hin dabalatu.
Faayilota madda
Madda Sass, JavaScript, fi faayiloota galmee keenya buufachuun Bootstrap sarara qabeenya mataa keessaniitiin qindeessaa. Filannoon kun meeshaalee dabalataa tokko tokko barbaada:
- Qindeessaa Sass faayilii madda Sass gara faayilii CSStti qindeessuuf
- Durtii ofumaa durtii gurguraa CSS tiif
Should you require our full set of build tools , isaan Bootstrap fi docs isaa guddisuuf hammatamaniiru, garuu kaayyoo mataa keessaniif kan hin mijanne ta'uu hin oolan.
Fakkeenyaaf
Yoo fakkeenyota keenya buufachuu fi qorachuu barbaaddan , fakkeenyota duraan ijaaraman qabachuu dandeessu:
CDN karaa jsDelivr
Bootstrap'n CSS fi JS qindaa'e kan kaa'ame gara pirojektii keetii geessuuf jsDelivr waliin buufachuu darbi .
<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>
Yoo JavaScript keenya qindaa'e fayyadamaa jirta ta'ee fi Popper addatti hammachuu barbaadde, JS keenya dura Popper dabali, karaa CDN filatamaadha.
<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>
Hoggantoota paakeejii
Faayilota madda Bootstrap gara pirojektii kamiyyuutti jechuun ni danda'ama hoggantoota paakeejii baay'ee beekamoo ta'an tokko tokko waliin harkisi. Geggeessaan paakeejii maal iyyuu yoo ta'e, Bootstrap qindeessaa gosoota qindeessaa ofiisaa keenya waliin walsimuuf qindeessaa Sass fi Autoprefixer barbaada .
npm jedhama
Bootstrap apps Node.js powered keessan keessatti paakeejii npm waliin fe'aa :
npm install bootstrap
const bootstrap = require('bootstrap')
ykn import bootstrap from 'bootstrap'
pilaaginoota Bootstrap hunda bootstrap
wanta tokko irratti ni fe'a. bootstrap
Moojulichi mataan isaa pilaaginoota keenya hunda erga . /js/dist/*.js
Faayilota galmee sadarkaa olaanaa paakeejii jalatti fe'uudhaan ifteessitoota Bootstrap dhuunfaan harkaan fe'uu dandeessa .
Bootstrap's package.json
furtuuwwan armaan gadii jalatti meetadaataa dabalataa tokko tokko of keessaa qaba:
sass
- daandii gara faayilii madda Sass guddaa Bootstrapstyle
- daandii gara CSS Bootstrap hin xiqqaafne kan qindaa'inoota durtii fayyadamuun dursee qindaa'e (dhuunfachiisuun hin jiru)
yarn jedhamuun beekama
Bootstrap apps Node.js powered keessan keessatti paakeejii yarn waliin fe'aa :
yarn add bootstrap
RuubiiJeems jedhamuun beekama
Bootstrap apps Ruby keessan keessatti Bundler ( gorfama ) fi RubyGems fayyadamuun sarara armaan gadii keessan irratti dabaluudhaan fe'aa Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Akka filannootti, yoo Bundler hin fayyadamne ta'e, ajaja kana hojjechuudhaan gem fe'uu dandeessa:
gem install bootstrap -v 5.1.3
Bal'ina isaaf README gem's ilaalaa .
Qopheessaa
Akkasumas Sass fi JavaScript Bootstrap's Composer fayyadamuun fe'uu fi bulchuu dandeessu :
composer require twbs/bootstrap:5.1.3
NuGet jedhamuun beekama
Yoo .NET keessatti guddiftan, akkasumas Bootstrap's CSS ykn Sass fi JavaScript NuGet fayyadamuun fe'uu fi bulchuu dandeessu :
Install-Package bootstrap
Install-Package bootstrap.sass