Source

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 v4.4.1 salphaatti gara pirojektii keessanitti akka gadi bu'uuf buufadhaa, kunis:

Kun galmee, faayilii madda, ykn hirkattummaa JaavaScript filannoo kamiyyuu (jQuery fi Popper.js) 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:

  • Sass qindeessaa (Libsass ykn Ruby Sass ni deeggara) CSS kee qindeessuuf.
  • Durtii ofumaa durtii gurguraa CSS tiif

Should you require build tools , isaan Bootstrap fi docs isaa guddisuuf hammatamaniiru, garuu kaayyoo mataa keetiidhaaf kan hin mijanne ta'uu hin oolan.

Madda buufadhaa

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-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Yoo JavaScript keenya qindaa'e fayyadamaa jirta ta'e, CDN version jQuery fi Popper.js isa dura dabaluu hin dagatinaa.

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" 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 bootstrapisaa homaa hin ergu. /js/*.jsFaayilota galmee sadarkaa olaanaa paakeejii jalatti fe'uudhaan ifteessitoota jQuery 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)

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

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

gem install bootstrap -v 4.4.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:4.4.1

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