Göçürip al
Toplanan CSS we JavaScript, deslapky kody almak ýa-da npm, RubyGems we başgalar ýaly halaýan paket dolandyryjylaryňyz bilen goşmak üçin Bootstrap-y göçürip alyň.
Toplanan CSS we JS
Taslamaňyza aňsatlyk bilen düşmek üçin Bootstrap v4.6.2 üçin taýýar düzülen kody göçürip alyň :
- Toplanan we kiçeldilen CSS bukjalary ( CSS faýllarynyň deňeşdirmesine serediň )
- JavaScript plaginleri düzüldi we kiçeldildi ( JS faýllarynyň deňeşdirmesine serediň )
Bu resminamalary, çeşme faýllaryny ýa-da islege bagly JavaScript baglylyklaryny (jQuery we Popper) öz içine almaýar.
Çeşme faýllary
“Sass”, “JavaScript” we resminama faýllarymyzy göçürip alyp, “Bootstrap” -y öz aktiw turbageçirijiňiz bilen düzüň. Bu opsiýa goşmaça gurallary talap edýär:
- Sass çeşme faýllaryny CSS faýllaryna düzmek üçin Sass düzüjisi
- CSS satyjysynyň prefiksi üçin awtoprefikser
Gurluş gurallarymyzyň doly toplumyny talap etmeli bolsaňyz , “Bootstrap” we onuň resminamalaryny ösdürmek üçin girizilen, emma olar siziň maksatlaryňyz üçin laýyk däl bolsa gerek.
Mysallar
Mysallarymyzy göçürip almak we gözden geçirmek isleseňiz , eýýäm gurlan mysallary alyp bilersiňiz:
jsDelivr
Bootstrap-yň düzülen CSS we JS-iň keş görnüşini wersiýaňyza ýetirmek üçin jsDelivr bilen göçürip alyň .
<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>
Toplanan JavaScriptimizi ulanýan bolsaňyz we Popper-i aýratyn goşmagy makul bilýän bolsaňyz, has gowusy CDN arkaly JS-den öň Popper goşuň.
<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>
Paket dolandyryjylary
“Bootstrap” -yň çeşme faýllaryny iň meşhur paket dolandyryjylary bilen islendik taslama diýen ýaly çekiň. Paket dolandyryjysyna garamazdan, Bootstrap resmi düzülen wersiýalarymyz bilen gabat gelýän gurnama üçin Sass düzüjisini we Autoprefixer talap eder.
gije
“Node.js” bilen işleýän programmalara “Bootstrap ” -y npm bukjasy bilen guruň :
npm install bootstrap
require('bootstrap')
Bootstrap-yň ähli jQuery pluginlerini jQuery obýektine ýüklär. bootstrap
Modulyň özi hiç zat eksport etmeýär . /js/*.js
“Bootstrap” -yň jQuery pluginlerini bukjanyň iň ýokary derejeli katalogynyň aşagyndaky faýllary ýükläp aýratynlykda ýükläp bilersiňiz.
“Bootstrap” -da package.json
aşakdaky düwmeleriň aşagyndaky goşmaça metadata bar:
sass
- Bootstrap-iň esasy Sass çeşme faýlyna barýan ýolstyle
- Bootstrap-yň kiçeldilmedik CSS-e barýan ýol, deslapky sazlamalar bilen düzülen (özleşdirme ýok)
ýüplük
“Bootstrap” -y ýüplük paketi bilen “ Node.js” bilen işleýän programmalara guruň :
yarn add bootstrap
RubyGems
“Bootstrap” -y “Ruby” programmalaryna “ Bundler” ( maslahat berilýär ) we “ RubyGems ” -i ulanyp, aşakdaky setiri goşuň Gemfile
:
gem 'bootstrap', '~> 4.6.2'
Alterna-da bolmasa, “Bundler” -i ulanmaýan bolsaňyz, buýrugy ýerine ýetirip, gymmat bahaly daşlary gurup bilersiňiz:
gem install bootstrap -v 4.6.2
Has giňişleýin maglumat üçin daşyň README serediň .
Kompozitor
Şeýle hem, “Bootstrap” -yň Sass we JavaScript-i kompozitor ulanyp gurup we dolandyryp bilersiňiz :
composer require twbs/bootstrap:4.6.2
NuGet
.NET-de ösdürseňiz, NuGet ulanyp, Bootstrap-yň CSS ýa-da Sass we JavaScript - i gurup we dolandyryp bilersiňiz :
Install-Package bootstrap
Install-Package bootstrap.sass