Khoasolla
Khoasolla Bootstrap ho fumana CSS e hlophisitsoeng le JavaScript, khoutu ea mohloli, kapa u e kenye le batsamaisi ba liphutheloana tseo u li ratang joalo ka npm, RubyGems, le tse ling.
E hlophisitsoe ka CSS le JS
Khoasolla khoutu e hlophisitsoeng e seng e loketse ho sebelisoa bakeng sa Bootstrap v4.6.2 ho oela habonolo morerong oa hau, o kenyelletsang:
- Liphutheloana tsa CSS tse kopantsoeng le tse fokolitsoeng (sheba papiso ea lifaele tsa CSS )
- Li-plugins tsa JavaScript tse bokelletsoeng le tse fokolitsoeng (sheba papiso ea lifaele tsa JS )
Sena ha se kenyeletse litokomane, lifaele tsa mohloli, kapa litšepiso life kapa life tsa boikhethelo tsa JavaScript (jQuery le Popper).
Lifaele tsa mohloli
Kopanya Bootstrap ka phaephe ea hau ea thepa ka ho khoasolla mohloli oa rona oa Sass, JavaScript le lifaele tsa litokomane. Khetho ena e hloka lisebelisoa tse eketsehileng:
- Sass compiler bakeng sa ho bokella lifaele tsa mohloli oa Sass ho lifaele tsa CSS
- Autoprefixer bakeng sa CSS morekisi prefixing
Haeba u ka hloka lisebelisoa tsa rona tse felletseng tsa ho aha , li kenyellelitsoe bakeng sa ho nts'etsapele Bootstrap le litokomane tsa eona, empa mohlomong ha li tšoanelehe molemong oa hau.
Mehlala
Haeba u batla ho khoasolla le ho hlahloba mehlala ea rona , u ka fumana mehlala e seng e hahiloe:
jsDelivr
Tlohela ho khoasolla ka jsDelivr ho fana ka mofuta o bolokiloeng oa Bootstrap e hlophisitsoeng ea CSS le JS morerong oa hau.
<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>
Haeba u sebelisa JavaScript ea rona e hlophisitsoeng 'me u khetha ho kenyelletsa Popper ka thoko, eketsa Popper pele ho JS ea rona, ka CDN ka ho khetheha.
<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>
Batsamaisi ba liphutheloana
Hula lifaele tsa mohloli oa Bootstrap hoo e batlang e le projeke efe kapa efe e nang le batsamaisi ba liphutheloana tse tsebahalang haholo. Ho sa tsotelehe molaoli oa sephutheloana, Bootstrap e tla hloka moqapi oa Sass le Autoprefixer bakeng sa setup se lumellanang le liphetolelo tsa rona tse hlophisitsoeng tsa semmuso.
npm
Kenya Bootstrap lits'ebetsong tsa hau tsa Node.js ka sephutheloana sa npm :
npm install bootstrap
require('bootstrap')
e tla kenya li-plugins tsohle tsa Bootstrap tsa jQuery nthong ea jQuery. Mojule bootstrap
ka boeona ha e rekise letho kantle ho naha. U ka kenya li-plugins tsa jQuery tsa Bootstrap ka bomong ka ho kenya /js/*.js
lifaele tlas'a bukana ea boemo bo holimo ea sephutheloana.
Bootstrap's package.json
e na le metadata e 'ngoe e eketsehileng tlas'a linotlolo tse latelang:
sass
- tsela ea faele ea mantlha ea Sass ea Bootstrapstyle
- tsela ea ho CSS ea Bootstrap eo e seng ea mini-minified e seng e hlophisitsoe esale pele ho sebelisoa litlhophiso tsa kamehla (ha ho na tloaelo)
khoele
Kenya Bootstrap lits'ebetsong tsa hau tsa Node.js ka sephutheloana sa khoele :
yarn add bootstrap
RubyGems
Kenya Bootstrap lits'ebetsong tsa hau tsa Ruby u sebelisa Bundler ( e khothalelitsoeng ) le RubyGems ka ho kenyelletsa mohala o latelang ho ea hau Gemfile
:
gem 'bootstrap', '~> 4.6.2'
Ntle le moo, haeba u sa sebelise Bundler, u ka kenya lehakoe ka ho sebelisa taelo ena:
gem install bootstrap -v 4.6.2
Sheba lehakoe la README bakeng sa lintlha tse ling.
Moqapi
U ka kenya le ho laola Sass ea Bootstrap le JavaScript u sebelisa Composer :
composer require twbs/bootstrap:4.6.2
NuGet
Haeba u nts'etsapele ho .NET, u ka kenya le ho laola Bootstrap's CSS kapa Sass le JavaScript u sebelisa NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass