Biçe ser naveroka sereke Biçe navîgasyon belgeyan
in English

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.1.3 koda berhevkirî ya amade-bikaranîna dakêşin da ku bi hêsanî têkeve nav projeya xwe, ku tê de ye:

Di vê yekê de belgekirin, pelên çavkaniyê, an girêdanên JavaScript-ê yên vebijarkî yên mîna Popper tune.

Download

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:

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.

Çavkaniya dakêşanê

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:

Daxistina Nimûneyên

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

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

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 bootstrap

const bootstrap = require('bootstrap')an jî import bootstrap from 'bootstrap'dê hemî pêvekên Bootstrap li ser tiştekê bar bike bootstrap. Modul bootstrapbixwe hemî pêvekên me derdixe. Hûn dikarin pêvekên Bootstrap-ê bi ferdî bar bikin bi barkirina /js/dist/*.jspelan di binê pelrêça jorîn a pakêtê de.

Bootstrap package.jsondi bin bişkojkên jêrîn de hin metadaneyên din vedihewîne:

  • sass- riya pelê çavkaniya sereke ya Sass a Bootstrap
  • style- Rêya berbi CSS-ya ne-kêmkirî ya Bootstrap ku bi karanîna mîhengên xwerû hatî berhev kirin (bê xwerû)
Bi projeya meya destpêkê re bi npm bi Bootstrap dest pê bikin! Serê depoya şablonê twbs/bootstrap-npm-starter bidin ku hûn bibînin ka meriv çawa di projeya xweya npm de Bootstrap-ê ava dike û xweş dike. Berhevkarê Sass, Autoprefixer, Stylelint, PurgeCSS, û îkonên Bootstrap vedihewîne.

yarn

Bootstrap-ê di sepanên xwe yên Node.js-ê yên bi pakêta yarn de saz bikin :

yarn add bootstrap

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.1.3'

Wekî din, heke hûn Bundler bikar neynin, hûn dikarin bi xebitandina vê fermanê gem saz bikin:

gem install bootstrap -v 5.1.3

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

NuGet

Ger hûn di .NET-ê de pêşve bibin, hûn dikarin bi karanîna NuGet -ê CSS an Sass û JavaScript-a Bootstrap-ê jî saz bikin û birêve bibin :

Install-Package bootstrap
Install-Package bootstrap.sass