Gara qabiyyee ijootti darbi Gara docs navigationitti darbi
in English

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:

Kun galmee, faayilii madda, ykn hirkattummaa JaavaScript filannoo kamiyyuu akka Popper hin dabalatu.

Buusuu

Faayilota madda

Madda Sass, JavaScript, fi faayiloota galmee keenya buufachuun Bootstrap sarara qabeenya mataa keessaniitiin qindeessaa. Filannoon kun meeshaalee dabalataa tokko tokko barbaada:

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.

Madda buufadhaa

Fakkeenyaaf

Yoo fakkeenyota keenya buufachuu fi qorachuu barbaaddan , fakkeenyota duraan ijaaraman qabachuu dandeessu:

Fakkeenyaaf Buufadhaa

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 bootstrapwanta tokko irratti ni fe'a. bootstrapMoojulichi mataan isaa pilaaginoota keenya hunda erga . /js/dist/*.jsFaayilota galmee sadarkaa olaanaa paakeejii jalatti fe'uudhaan ifteessitoota Bootstrap dhuunfaan harkaan fe'uu dandeessa .

Bootstrap's package.jsonfurtuuwwan armaan gadii jalatti meetadaataa dabalataa tokko tokko of keessaa qaba:

  • sass- daandii gara faayilii madda Sass guddaa Bootstrap
  • style- daandii gara CSS Bootstrap hin xiqqaafne kan qindaa'inoota durtii fayyadamuun dursee qindaa'e (dhuunfachiisuun hin jiru)
Bootstrap karaa npm pirojektii jalqabaa keenyaa wajjin jalqabi! Akkaataa Bootstrap pirojektii npm mataa keetii keessatti ijaaruu fi dhuunfachuu ilaaluuf gara kuusaa unkaa twbs/bootstrap-npm-starter qajeeli . Qindeessaa Sass, Durtii Ofiin, Stylelint, PurgeCSS, fi Mallattoolee Bootstrap of keessatti qabata.

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