Göçürip al

Toplanan CSS we JS

Taslamaňyza aňsatlyk bilen düşmek üçin Bootstrap v5.1.3 üçin taýýar taýýar koduny 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 Popper ýaly goşmaça JavaScript baglylyklaryny öz içine almaýar.

Göçürip al

Çeşme faýllary

“Sass”, “JavaScript” we resminamalar 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şyk gurallarymyzyň doly toplumyny talap etseňiz , “Bootstrap” we onuň resminamalaryny ösdürmek üçin goşulýar, ýöne olar öz maksatlaryňyz üçin laýyk däl bolsa gerek.

Çeşmäni göçürip al

Mysallar

Mysallarymyzy göçürip almak we gözden geçirmek isleseňiz , eýýäm gurlan mysallary alyp bilersiňiz:

Mysallary göçürip alyň

JsDelivr arkaly CDN

Bootstrap-yň düzülen CSS we JS-iň keş görnüşini taslamaňyza ýetirmek üçin jsDelivr bilen göçürip alyň .

<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>

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/@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>

Paket dolandyryjylary

“Bootstrap” -yň deslapky 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

const bootstrap = require('bootstrap')ýa-da import bootstrap from 'bootstrap'“Bootstrap” -yň ähli pluginlerini bir bootstrapobýekte ýüklär. bootstrapModulyň özi ähli pluginlerimizi eksport edýär . /js/dist/*.js“Bootstrap” -yň pluginlerini bukjanyň iň ýokary derejeli katalogynyň aşagyndaky faýllary ýükläp aýratynlykda ýükläp bilersiňiz.

“Bootstrap” -da package.jsonaşakdaky düwmeleriň aşagyndaky käbir goşmaça metadata bar:

• sass- Bootstrap-iň esasy Sass çeşme faýlyna barýan ýol
• style- Bootstrap-yň kiçeldilmedik CSS-e barýan ýol, deslapky sazlamalary ulanyp düzülen (özleşdirme ýok)

ýüplük

Bootstrap-y ýüplük bukjasy bilen işleýän Node.js programmalarynda guruň :

yarn add bootstrap

RubyGems

“Bootstrap” -y “Rund” programmalaryna “ Bundler” ( maslahat berilýär ) we “ RubyGems ” -i ulanyp, aşakdaky setiri goşuň Gemfile:

gem 'bootstrap', '~> 5.1.3'

Alterna-da bolmasa, “Bundler” -i ulanmaýan bolsaňyz, bu buýrugy ýerine ýetirip, gymmat bahaly daşlary gurup bilersiňiz:

gem install bootstrap -v 5.1.3

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:5.1.3

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