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'e Bootstrap v4.6.2 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 (jQuery fi 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:
jsDelivr jedhamuun beekama
Bootstrap'n CSS fi JS qindaa'e kan kaa'ame gara pirojektii keetii geessuuf jsDelivr waliin buufachuu darbi .
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
Yoo JaavaScript 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/[email protected]/dist/jquery.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-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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
require('bootstrap')
ifteessitoota jQuery Bootstrap hunda wanta jQuery irratti ni fe'a. Moojulichi mataan bootstrap
isaa homaa hin ergu. /js/*.js
Faayilota galmee sadarkaa olaanaa paakeejii jalatti fe'uudhaan ifteessitoota jQuery 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', '~> 4.6.2'
Akka filannootti, yoo Bundler hin fayyadamne, ajaja kana hojjechuudhaan gem fe'uu dandeessa:
gem install bootstrap -v 4.6.2
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:4.6.2
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