Ka telesarize
Bootstrap telesarse walasa ka CSS ni JavaScript lajɛlenw sɔrɔ, source code, walima k’a don i ka pake ɲɛmɔgɔw la minnu ka di i ye i n’a fɔ npm, RubyGems ani dɔ wɛrɛw.
CSS ni JS labɛnna
Bootstrap v4.6.2 ka code compilé labɛnnenw telesarse walasa ka don nɔgɔya la i ka poroze kɔnɔ, o min kɔnɔ:
- CSS bundlew lajɛlenw ni u fitininw (aw ye CSS files comparison lajɛ ) .
- JavaScript plugins lajɛlenw ani u fitininw (aw ye JS files comparison lajɛ ) .
O tɛ sɛbɛnw, source files, walima JavaScript dependencies (jQuery ani Popper) dɔw ye minnu bɛ se ka kɛ.
Source files (Filɛriw sɔrɔyɔrɔ).
Bootstrap labɛn ni i yɛrɛ ka nafolo pipeline ye i kɛtɔ ka an ka source Sass, JavaScript ani documentation files telesarse. Nin sugandi in bɛ baarakɛminɛn wɛrɛw de wajibiya:
- Sass compiler min bɛ Sass source files lajɛ ka kɛ CSS files ye
- Autoprefixer ka ɲɛsin CSS feerekɛlaw ka ɲɛfɔlisenw ma
Ni aw ka kan k’an ka jɔli baarakɛminɛnw bɛɛ ɲini , u bɛ sɔrɔ Bootstrap n’a sɛbɛnw labɛnni kama, nka a ka c’a la u tɛ bɛn i yɛrɛ ka kuntilenna ma.
Misaliw
N’i b’a fɛ k’an ka misaliw telesarse ani k’u sɛgɛsɛgɛ , i bɛ se ka misali jɔlenw minɛ kaban:
jsDelivr ye
Tɛmɛn telesarseli kan ni jsDelivr ye walasa ka Bootstrap ka CSS ni JS lajɛlenw ka caché version lase i ka poroze ma.
<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>
N'i bɛ baara Kɛ n'an ka JavaScript lajɛlen ye ani n'i b'a fɛ ka Popper Dòn a dan na, i ka Popper Fàra an ka JS kan, CDN fɛ a ka fisa.
<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>
Pake ɲɛmɔgɔw
Bootstrap ka source files sama ka don porozɛ suguya bɛɛ la ni pake ɲɛmɔgɔ dɔw ye minnu ka di kosɛbɛ. Foroko ɲɛnabɔbaga mana kɛ min o min ye, Bootstrap bɛna Sass daɲɛgafe ni Autoprefixer de wajibiya walasa ka sigicogo dɔ sɔrɔ min bɛ bɛn an ka daɲɛw labɛncogo ofisiyaliw ma.
npm ye
Bootstrap in sigi i ka Node.js baarakɛminɛnw kɔnɔ ni npm pake ye :
npm install bootstrap
require('bootstrap')
bɛna Bootstrap ka jQuery fɛnw bɛɛ doni jQuery fɛn kan. Module bootstrap
yɛrɛ tɛ foyi bɔ jamana kɔkan. Aw bɛ se ka Bootstrap ka jQuery plugins kelen-kelen bɛɛ doni bolo la ni aw ye /js/*.js
filenw doni pake ka sanfɛla ɲɛbila jukɔrɔ.
Bootstrap's package.json
kɔnɔ, metadata wɛrɛw bɛ yen minnu bɛ nin kilisi ninnu jukɔrɔ:
sass
- sira min bɛ taa Bootstrap ka Sass source fileba lastyle
- sira min bɛ taa Bootstrap ka CSS la min ma dɔgɔya min labɛnna ka kɔn ni sigicogo kɔrɔw ye (labɛnni tɛ kɛ) .
jirisun
Bootstrap in sigi i ka Node.js baarakɛminɛnw kɔnɔ ni yarn pake ye :
yarn add bootstrap
RubyGems ye
Bootstrap sigi i ka Ruby porogaramuw kɔnɔ ni Bundler ( ladilikan ) ani RubyGems ye i kɛtɔ ka nin zana in fara i ka Gemfile
:
gem 'bootstrap', '~> 4.6.2'
O cogo kelen na, n’i tɛ Bundler baara, i bɛ se ka gem in sigi ni nin cikan in ye:
gem install bootstrap -v 4.6.2
Aw ye gem ka README lajɛ walasa ka kunnafoni wɛrɛw sɔrɔ.
Dɔnkilidala
Aw bɛ se fana ka Bootstrap ka Sass ni JavaScript sigi ani k’u ɲɛnabɔ ni Composer ye :
composer require twbs/bootstrap:4.6.2
NuGet ye
N’i ye yiriwa .NET kɔnɔ, i bɛ se fana ka Bootstrap ka CSS walima Sass ani JavaScript sigi ani k’a ɲɛnabɔ ni NuGet ye :
Install-Package bootstrap
Install-Package bootstrap.sass