Source

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.

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

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

  • Dɛn dɔn kɔmpilayt ɛn smɔl CSS bɔndɛl dɛn (luk kɔmpiashɔn fɔ CSS fayl dɛn ) .
  • Dɛn dɔn kɔmpilayt ɛn mek di JavaSkript plɔgin dɛn smɔl

Dis nɔ inklud dɔkyumentri, sɔs fayl dɛn, ɔ ɛni opshɔnal JavaSkript dipɛnsin (jQuery ɛn Popper.js).

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:

  • Sass kɔmpayla (Libsass ɔ Ruby Sass de sɔpɔt) fɔ kɔmpilayt yu CSS.
  • Ɔtoprɛfiksa fɔ CSS vendor prɛfiks

Should you require build tools , dɛn de insay fɔ divɛlɔp Bootstrap ɛn in dɔk 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

jsDelivr fɔ di wan dɛn we de

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

If yu de yuz wi kɔmpilayt JavaSkript, nɔ fɔgɛt fɔ put CDN vɛshɔn dɛn fɔ jQuery ɛn Popper.js bifo am.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 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 bootstrap

require('bootstrap')go lod ɔl di Bootstrap in jQuery plɔgin dɛn pan di jQuery ɔbjɛkt. Di bootstrapmodul insɛf nɔ de ɛkspɔt ɛnitin. Yu kin lod Bootstrap in jQuery plɔgin dɛn wan bay wan bay we yu lod di /js/*.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- pat to Bootstrap in men Sass sɔs fayl
  • style- pat to Bootstrap in nɔ-minifayd CSS we dɛn dɔn prɛkompayl yuz di difɔlt sɛtin dɛn (nɔ kɔstɔmayshɔn)

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', '~> 4.0.0'

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

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

NuGet fɔ di wan dɛn we de

If yu divɛlɔp insay .NET, yu kin instɔl ɛn manej Bootstrap in CSS ɔ Sass ɛn JavaSkript bak yuz NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass