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.6.2 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 smɔl JavaSkript plɔgin dɛn (luk JS fayl dɛn kɔmpiashɔn )
Dis nɔ inklud dɔkyumentri, sɔs fayl dɛn, ɔ ɛni opshɔnal JavaSkript dipɛnsin (jQuery ɛn Popper).
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 fɔ kɔmpilayt Sass sɔs fayl dɛn insay CSS fayl dɛn
- Ɔtoprɛfiksa fɔ CSS vendor prɛfiks
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.
Ɛ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:
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-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" 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/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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 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 faylstyle- 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)
yarn we dɛn mek
Instɔl Bootstrap na yu Node.js pawa ap dɛn wit di yarn pakej :
yarn add bootstrap
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.6.2'
Ɔ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.6.2
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.6.2
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