Landa
Landa i-Bootstrap ukuze uthole i-CSS ne-JavaScript ehlanganisiwe, ikhodi yomthombo, noma uyifake nabaphathi bakho bephakheji abayintandokazi njenge-npm, i-RubyGems, nokuningi.
I-CSS ehlanganisiwe ne-JS
Landa ikhodi ehlanganisiwe elungele ukusetshenziswa ye- Bootstrap v4.6.2 ukuze ungene kalula kuphrojekthi yakho, ehlanganisa:
- Izinqwaba ze-CSS ezihlanganisiwe nezincishisiwe (bona ukuqhathanisa kwamafayela e-CSS )
- Ama-plugin ahlanganisiwe futhi ancishisiwe e-JavaScript (bona ukuqhathanisa kwamafayela e-JS )
Lokhu akubandakanyi amadokhumenti, amafayela omthombo, nanoma yikuphi ukuncika kwe-JavaScript ongakukhetha (i-jQuery ne-Popper).
Amafayela omthombo
Hlanganisa i-Bootstrap ngepayipi lakho lempahla ngokulanda umthombo wethu i-Sass, i-JavaScript, namafayela amadokhumenti. Le nketho idinga amathuluzi angeziwe:
- I- Sass compiler yokuhlanganisa amafayela omthombo we-Sass abe amafayela e-CSS
- I- Autoprefixer yesiqalo somthengisi we-CSS
Uma udinga isethi yethu egcwele yamathuluzi okwakha , afakwe ukuthuthukisa i-Bootstrap namadokhumenti ayo, kodwa cishe awafaneleki izinjongo zakho.
Izibonelo
Uma ufuna ukulanda futhi uhlole izibonelo zethu , ungathola izibonelo ezakhiwe kakade:
jsDelivr
Yeqa ukulanda nge- jsDelivr ukuze ulethe inguqulo efakwe kunqolobane ye-Bootstrap ehlanganisiwe ye-CSS kanye ne-JS kuphrojekthi yakho.
<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>
Uma usebenzisa i-JavaScript yethu ehlanganisiwe futhi ukhetha ukufaka i-Popper ngokuhlukana, engeza i-Popper ngaphambi kwe-JS yethu, usebenzisa i-CDN okungcono kakhulu.
<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>
Abaphathi bephakheji
Donsa amafayela womthombo we-Bootstrap cishe kunoma iyiphi iphrojekthi enabaphathi bephakheji abadume kakhulu. Kungakhathaliseki ukuthi ungumphathi wephakheji, i-Bootstrap izodinga i- Sass compiler kanye ne - Autoprefixer yokusetha okufana nezinguqulo ezihlanganisiwe ezisemthethweni.
npm
Faka i-Bootstrap kuzinhlelo zakho zokusebenza ezinamandla ze-Node.js ngephakheji ye-npm :
npm install bootstrap
require('bootstrap')
izolayisha wonke ama-plugin e-Bootstrap e-jQuery entweni ye-jQuery. Imojula bootstrap
ngokwayo ayikhiphi lutho. Ungakwazi ukulayisha mathupha ama-plugin e-Bootstrap e-jQuery ngawodwana ngokulayisha /js/*.js
amafayela ngaphansi kohla lwemibhalo lwezinga eliphezulu lephakheji.
I-Bootstrap's package.json
iqukethe imethadatha eyengeziwe ngaphansi kokhiye abalandelayo:
sass
- indlela eya kufayela lomthombo le -Bootstrap eliyinhloko le- Sassstyle
- indlela eya ku-CSS engancishisiwe ye-Bootstrap ehlanganiswe kusengaphambili kusetshenziswa izilungiselelo ezizenzakalelayo (akukho ukwenza ngokwezifiso)
ntambo
Faka i-Bootstrap kuzinhlelo zakho zokusebenza ezinamandla ze -Node.js ngephakheji yentambo :
yarn add bootstrap
I-RubyGems
Faka i-Bootstrap ezinhlelweni zakho zokusebenza ze-Ruby usebenzisa i - Bundler ( kunconyiwe ) kanye ne - RubyGems ngokwengeza umugqa olandelayo kweyakho Gemfile
:
gem 'bootstrap', '~> 4.6.2'
Kungenjalo, uma ungasebenzisi i-Bundler, ungafaka igugu ngokusebenzisa lo myalo:
gem install bootstrap -v 4.6.2
Bona igugu elithi README ukuze uthole imininingwane eyengeziwe.
Umqambi
Ungakwazi futhi ukufaka nokuphatha i-Bootstrap's Sass ne-JavaScript usebenzisa i- Composer :
composer require twbs/bootstrap:4.6.2
I-NuGet
Uma uthuthuka ku-.NET, ungaphinda ufake futhi uphathe i-Bootstrap's CSS noma i - Sass ne-JavaScript usebenzisa i- NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass