Download
Bootstrap dakêşin da ku CSS û JavaScript-a berhevkirî, koda çavkaniyê bistînin, an jî wê bi rêvebirên pakêta xweyên bijare yên mîna npm, RubyGems, û hêj bêtir têxin nav xwe.
CSS û JS berhev kirin
Ji bo Bootstrap v5.2.1 koda berhevkirî ya amade-bikaranîna dakêşin da ku bi hêsanî têkeve nav projeya xwe, ku tê de ye:
- Komên CSS berhev kirin û kêm kirin (binihêrin berhevdana pelên CSS )
- Pêvekên JavaScript-ê berhev kirin û kêm kirin (binihêrin berhevdana pelên JS )
Di vê yekê de belgekirin, pelên çavkaniyê, an girêdanên JavaScript-ê yên vebijarkî yên mîna Popper tune.
Pelên çavkaniyê
Bi dakêşana çavkaniya Sass, JavaScript, û pelên belgekirinê re Bootstrap-ê bi lûleya maliyeta xwe re berhev bikin. Vê vebijarkê hin amûrên din hewce dike:
- Berhevkarê Sass ji bo berhevkirina pelên çavkaniya Sass di pelên CSS de
- Xwepêşandêr ji bo pêşgirkirina firoşkarê CSS
Ger hûn hewcedariya meya tevahî amûrên çêkirinê bikin , ew ji bo pêşvebirina Bootstrap û belgeyên wê têne nav kirin, lê dibe ku ew ji bo mebestên we neguncan bin.
Examples
Heke hûn dixwazin mînakên me dakêşin û lêkolîn bikin , hûn dikarin mînakên ku berê hatine çêkirin bigirin:
CDN bi rêya jsDelivr
Dakêşanê bi jsDelivr re derbas bikin da ku guhertoya cache ya CSS û JS ya berhevkirî ya Bootstrap radestî projeya xwe bikin.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
Ger hûn JavaScript-a meya berhevkirî bikar tînin û tercîh dikin ku Popper ji hev veqetînin, Popper berî JS-ya me, bi tercîhî bi CDN-ê lê zêde bikin.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>
Rêveberên pakêtê
Pelên çavkaniyê yên Bootstrap-ê bi hin rêveberên pakêtê yên herî populer re hema hema her projeyek bikişînin. Ji rêvebirê pakêtê re ferq nake, Bootstrap dê ji bo sazûmanek ku bi guhertoyên me yên fermî yên berhevkirî re têkildar be, berhevkarek Sass û Autoprefixer hewce bike .
npm
Bi pakêta npm -ê re Bootstrap-ê di sepanên xweyên hêzdar ên Node.js de saz bikin :
npm install [email protected]
const bootstrap = require('bootstrap')
an jî import bootstrap from 'bootstrap'
dê hemî pêvekên Bootstrap li ser tiştekê bar bike bootstrap
. Modul bootstrap
bixwe hemî pêvekên me derdixe. Hûn dikarin pêvekên Bootstrap-ê bi ferdî bar bikin bi barkirina /js/dist/*.js
pelan di binê pelrêça jorîn a pakêtê de.
Bootstrap package.json
di bin bişkojkên jêrîn de hin metadaneyên din vedihewîne:
sass
- riya pelê çavkaniya sereke ya Sass a Bootstrapstyle
- Rêya berbi CSS-ya ne-kêmkirî ya Bootstrap ku bi karanîna mîhengên xwerû hatî berhev kirin (bê xwerû)
yarn
Bootstrap-ê di sepanên xwe yên Node.js-ê yên bi pakêta yarn de saz bikin :
yarn add [email protected]
RubyGems
Bootstrap-ê di sepanên xwe yên Ruby de bi karanîna Bundler ( pêşniyar ) û RubyGems saz bikin û rêza jêrîn li xwe zêde bikin Gemfile
:
gem 'bootstrap', '~> 5.2.1'
Wekî din, heke hûn Bundler bikar neynin, hûn dikarin bi xebitandina vê fermanê gem saz bikin:
gem install bootstrap -v 5.2.1
Ji bo hûrguliyên bêtir li README-ya gemarê binêrin.
Composer
Her weha hûn dikarin Sass û JavaScript-a Bootstrap-ê bi karanîna Composer saz bikin û birêve bibin :
composer require twbs/bootstrap:5.2.1
NuGet
Ger hûn di .NET Framework de pêşve bibin, hûn dikarin bi karanîna NuGet -ê CSS an Sass û JavaScript-a Bootstrap-ê jî saz bikin û îdare bikin . Divê projeyên nûtir libman an rêbazek din bikar bînin ji ber ku NuGet ji bo koda berhevkirî hatî çêkirin, ne malikên pêşîn.
Install-Package bootstrap
Install-Package bootstrap.sass