Skip to di men tin dɛn we de insay Skip to doks nevigishɔn
Check
in English

Dɔŋlod

Daunlod Bootstrap fɔ gɛt di kɔmpilayt CSS ɛn JavaSkript, sɔs kɔd, ɔ put am wit yu fav pakej manija dɛn lɛk npm, RubyGems, ɛn ɔda wan dɛn.

Na dis pej

Dɛn dɔn kɔmpilayt CSS ɛn JS

Daunlod rɛdi-to-yuz kɔmpilayt kɔd fɔ Bootstrap v5.2.1 fɔ izi fɔ drɔp insay yu prɔjek, we inklud:

Dis nɔ inklud dɔkyumentri, sɔs fayl dɛn, ɔ ɛni opshɔnal JavaSkript dipɛnsin lɛk Popa.

Dɔŋlod

Sɔs fayl dɛn

Kɔmpayl Bootstrap wit yu yon ɛset paip bay we yu dawnlod wi sɔs Sass, JavaSkript, ɛn dɔkyumentri fayl dɛn. Dis opshɔn nid sɔm ɔda tul dɛn:

If yu nid wi ful sɛt fɔ bil tul dɛn , dɛn de insay fɔ divɛlɔp Bootstrap ɛn in dɔkyumɛnt dɛn, bɔt i go mɔs bi se dɛn nɔ fayn fɔ yu yon prɔpɔz dɛn.

Daunlod sɔs

Ɛgzampul dɛn

If yu want fɔ dawnlod ɛn chɛk wi ɛgzampul dɛn , yu kin grap di ɛgzampul dɛn we dɛn dɔn bil:

Daunlod Ɛgzampul dɛn

CDN we de yuz jsDelivr

Skip di dawnlod wit jsDelivr fɔ deliv kesh vɛshɔn fɔ Bootstrap in kɔmpilayt CSS ɛn JS to yu prɔjek.

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

If yu de yuz wi kɔmpilayt JavaSkript ɛn yu lɛk fɔ put Popa sɛpret wan, ad Popa bifo wi JS, tru wan CDN i bɛtɛ.

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

Di wan dɛn we de oba di pakej dɛn

Pul in Bootstrap in sɔs fayl dɛn insay klos to ɛni prɔjek wit sɔm pan di pakej manija dɛn we pipul dɛn lɛk pas ɔl. I nɔ mata di pakej manija, Bootstrap go nid wan Sass kɔmpayla ɛn Ɔtoprɛfiksa fɔ wan sɛtup we go mach wi ɔfishal kɔmpayla vɛshɔn dɛn.

npm fɔ di wan dɛn we de

Instɔl Bootstrap na yu Node.js pawa ap dɛn wit di npm pakej :

npm install [email protected]

const bootstrap = require('bootstrap')ɔ import bootstrap from 'bootstrap'go lod ɔl di Bootstrap in plɔgin dɛn pan wan bootstrapɔbjɛkt. Di bootstrapmodul insɛf de ɛkspɔt ɔl wi plɔgin dɛn. Yu kin lod Bootstrap in plɔgin dɛn wan bay wan bay we yu lod di /js/dist/*.jsfayl dɛn ɔnda di pakej in tɔp-lɛvel dairektrɔ.

Bootstrap's package.jsongɛt sɔm ɔda mɛtadata ɔnda dɛn ki dɛn ya:

  • sass- path to Bootstrap in men Sass sɔs fayl
  • style- pat to Bootstrap in nɔ-minifayd CSS we dɛn dɔn kɔmpilayt yuz di difɔlt sɛtin dɛn (nɔ kɔstɔmayshɔn)
Get stat wit Bootstrap via npm wit wi stata projek! Hed to di twbs/bootstrap-npm-starter tɛmplat ripɔsitɔri fɔ si aw fɔ bil ɛn kɔstɔmayz Bootstrap na yu yon npm projɛkt. Inklud Sass kɔmpayla, Ɔtoprɛfiksa, Stayllint, PurgeCSS, ɛn Bootstrap Aykɔn dɛn.

yarn we dɛn mek

Instɔl Bootstrap na yu Node.js pawa ap dɛn wit di yarn pakej :

yarn add [email protected]

RubyGems fɔ di wan dɛn we de wok

Instɔl Bootstrap na yu Ruby ap dɛn yuz Bundler ( dɛn kin advays ) ɛn RubyGems bay we yu ad di layn we de dɔŋ ya to yu Gemfile:

gem 'bootstrap', '~> 5.2.1'

Ɔda we de fɔ du dat, if yu nɔ de yuz Bundler, yu kin instɔl di gem bay we yu rɔn dis kɔmand:

gem install bootstrap -v 5.2.1

Si di gem in README fɔ ɔda ditel dɛn.

Di pɔsin we mek myuzik

Yu kin instɔl ɛn manej Bootstrap in Sass ɛn JavaSkript bak yuz Composer :

composer require twbs/bootstrap:5.2.1

NuGet fɔ di wan dɛn we de

If yu divɛlɔp insay .NET Framework, yu kin instɔl ɛn manej Bootstrap in CSS ɔ Sass ɛn JavaSkript bak yuz NuGet . Nyu prɔjek dɛn fɔ yuz libman ɔ ɔda we as dɛn mek NuGet fɔ kɔmpilayt kɔd, nɔto fɔ frɔnt ɛset.

Install-Package bootstrap

Install-Package bootstrap.sass