Buusuu

CSS fi JavaScript qindaa'e argachuuf Bootstrap buufadhu, koodii madda, ykn hoggantoota paakeejii jaallattu kan akka npm, RubyGems, fi kkf waliin hammadhu.

Fuula kana irratti

CSS fi JS qindeesse

Koodii qindaa'aa fayyadamaaf qophaa'aa Bootstrap v5.2.1 salphaatti gara pirojektii keessanitti akka gadi bu'uuf buufadhaa, kunis:

Baandaawwan CSS qindaa'anii fi xiqqeessaman ( walbira qabamuu faayiloota CSS ilaali ) .
Ijaarsa JaavaScript qindaa'ee fi xiqqaate ( walbira qabamuu faayiloota JS ilaali ) .

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:

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.

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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" 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 [email protected]

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 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 [email protected]

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.2.1'

Akka filannootti, yoo Bundler hin fayyadamne ta'e, ajaja kana hojjechuudhaan gem fe'uu dandeessa:

gem install bootstrap -v 5.2.1

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.2.1

NuGet jedhamuun beekama

Yoo .NET Framework keessatti guddifte, akkasumas Bootstrap's CSS ykn Sass fi JavaScript NuGet fayyadamuun fe'uu fi bulchuu dandeessa . Pirojektoonni haaraan libman ykn mala biraa fayyadamuu qabu sababiin isaas NuGet koodii qindaa'eef qophaa'e malee qabeenya fuulduraa miti.

Install-Package bootstrap

Install-Package bootstrap.sass