Okufuna
Wano wefunire Bootstrap okufuna CSS ne JavaScript ezikung’aanyiziddwa, source code, oba okugiteekamu n’abaddukanya package bo abasinga okwagala nga npm, RubyGems, n’ebirala.
Yakungaanya CSS ne JS
Wanonya koodi ekuŋŋaanyiziddwa eyeetegefu okukozesa eya Bootstrap v5.1.3 okwanguyirwa okugwa mu pulojekiti yo, omuli:
- Ebibinja bya CSS ebikuŋŋaanyiziddwa era ebikendeezeddwa (laba okugeraageranya fayiro za CSS ) .
- Ebiyungo bya JavaScript ebikuŋŋaanyiziddwa era ne bikendeezebwa (laba okugeraageranya fayiro za JS ) .
Kino tekirimu biwandiiko, fayiro z'ensibuko, oba byonna ebisinziira ku JavaScript eby'okwesalirawo nga Popper.
Fayiro z’ensibuko
Kuŋŋaanya Bootstrap ne payipu yo ey'eby'obugagga ng'owanula fayiro zaffe ez'ensibuko Sass, JavaScript, ne fayiro z'ebiwandiiko. Enkola eno yeetaaga ebikozesebwa ebirala:
- Sass compiler okukuŋŋaanya fayiro za Sass ensibuko mu fayiro za CSS
- Autoprefixer ku ntandikwa y'omutunzi wa CSS
Should you require our full set of build tools , ziteekeddwamu okukola Bootstrap ne docs zaayo, naye ziyinza okuba nga tezisaanira bigendererwa byo.
Eby’okulabirako
Bw’oba oyagala okuwanula n’okwekenneenya ebyokulabirako byaffe , osobola okukwata ebyokulabirako ebyazimbibwa edda:
CDN ng’oyita mu jsDelivr
Buuka okuwanula ne jsDelivr okutuusa enkyusa eterekeddwa eya Bootstrap's compiled CSS ne JS ku pulojekiti yo.
<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>
Bw’oba okozesa JavaScript yaffe ekung’aanyiziddwa era ng’oyagala okussaamu Popper okwawukana, yongerako Popper nga JS yaffe tennabaawo, ng’oyita mu CDN okusinga.
<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>
Abaddukanya ebipapula
Sika fayiro za Bootstrap ez'ensibuko kumpi mu pulojekiti yonna n'abamu ku baddukanya package abasinga okwettanirwa. Si nsonga muddukanya package, Bootstrap ejja kwetaaga Sass compiler ne Autoprefixer ku setup ekwatagana n'enkyusa zaffe entongole ezikung'aanyiziddwa.
npm
Teeka Bootstrap mu pulogulaamu zo ezikozesa Node.js nga olina npm package :
npm install bootstrap
const bootstrap = require('bootstrap')
oba import bootstrap from 'bootstrap'
ejja kutikka plugins zonna eza Bootstrap ku bootstrap
kintu. Module bootstrap
yennyini efulumya ebweru plugins zaffe zonna. Osobola okutikka mu ngalo plugins za Bootstrap kinnoomu nga otikka /js/dist/*.js
fayiro wansi wa dayirekita y'omutendera ogw'oku ntikko ogwa package.
Bootstrap's package.json
erimu metadata endala wansi w'ebisumuluzo bino wammanga:
sass
- ekkubo erigenda mu fayiro enkulu eya Sass ensibuko ya Bootstrapstyle
- ekkubo erigenda ku CSS ya Bootstrap etakendeezeddwa ebadde ekuŋŋaanyiziddwa nga ekozesa ensengeka ezisookerwako (tewali kulongoosa)
wuzi
Teeka Bootstrap mu pulogulaamu zo ezikozesa Node.js n'ekipapula ky'obuwuzi :
yarn add bootstrap
RubyGems nga bwe kiri
Teeka Bootstrap mu pulogulaamu zo eza Ruby ng'okozesa Bundler ( esengekeddwa ) ne RubyGems ng'ogattako layini eno wammanga ku yo Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Ekirala, bw’oba tokozesa Bundler, osobola okuteeka gem ng’okola ekiragiro kino:
gem install bootstrap -v 5.1.3
Laba README ya gem eno okumanya ebisingawo.
Omuyimbi
Osobola n'okuteeka n'okuddukanya Sass ne JavaScript za Bootstrap ng'okozesa Composer :
composer require twbs/bootstrap:5.1.3
NuGet nga bwe kiri
Bw’oba okulaakulanya mu .NET, osobola n’okuteeka n’okuddukanya CSS ya Bootstrap oba Sass ne JavaScript ng’okozesa NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass