Telechaje
Telechaje Bootstrap pou jwenn konpile CSS ak JavaScript, kòd sous, oswa mete li ak manadjè pake pi renmen ou tankou npm, RubyGems, ak plis ankò.
Konpile CSS ak JS
Telechaje kòd konpile ki pare pou itilize pou Bootstrap v4.6.2 pou fasil lage nan pwojè ou a, ki gen ladann:
- Pakèt CSS konpile ak minified (gade konparezon dosye CSS )
- Konpile ak minified plugins JavaScript (gade konparezon dosye JS )
Sa a pa enkli dokimantasyon, dosye sous, oswa nenpòt depandans JavaScript opsyonèl (jQuery ak Popper).
Dosye sous yo
Konpile Bootstrap ak pwòp tiyo ou a lè w telechaje sous nou an Sass, JavaScript, ak dosye dokiman. Opsyon sa a mande pou kèk zouti adisyonèl:
- Sass du pou konpile dosye sous Sass nan dosye CSS
- Autoprefixer pou CSS vandè prefiks
Si w ta bezwen tout seri zouti konstriksyon nou an , yo enkli yo pou devlope Bootstrap ak dokiman li yo, men yo gen anpil chans pou yo pa apwopriye pou pwòp rezon ou yo.
Egzanp yo
Si ou vle telechaje ak egzamine egzanp nou yo , ou ka pwan egzanp yo deja bati:
jsDelivr
Sote download la ak jsDelivr pou delivre vèsyon kachèt CSS ak JS konpile Bootstrap nan pwojè ou a.
<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>
Si w ap itilize JavaScript konpile nou an epi w pito mete Popper apa, ajoute Popper anvan JS nou an, atravè yon CDN de preferans.
<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>
Manadjè pake
Rale dosye sous Bootstrap yo nan prèske nenpòt pwojè ak kèk nan manadjè pake ki pi popilè yo. Kèlkeswa manadjè pake a, Bootstrap pral mande pou yon du Sass ak Autoprefixer pou yon konfigirasyon ki matche ak vèsyon ofisyèl nou yo konpile.
npm
Enstale Bootstrap nan aplikasyon Node.js ou yo ak pake npm :
npm install bootstrap
require('bootstrap')
pral chaje tout plugins jQuery Bootstrap yo sou objè jQuery la. Modil bootstrap
la li menm pa ekspòte anyen. Ou ka manyèlman chaje plugins jQuery Bootstrap yo endividyèlman lè w chaje /js/*.js
fichye yo anba anyè pi wo nivo pake a.
Bootstrap a package.json
gen kèk metadata adisyonèl anba kle sa yo:
sass
- chemen nan prensipal dosye sous Sass Bootstrap lastyle
- chemen nan CSS ki pa minified Bootstrap a ki te prekonpile lè l sèvi avèk paramèt default yo (pa gen okenn personnalisation)
fil
Enstale Bootstrap nan aplikasyon Node.js ou yo ak pake fil yo :
yarn add bootstrap
RubyGems
Enstale Bootstrap nan aplikasyon Ruby ou yo lè l sèvi avèk Bundler ( rekòmande ) ak RubyGems lè w ajoute liy sa a nan ou Gemfile
:
gem 'bootstrap', '~> 4.6.2'
Altènativman, si w pa itilize Bundler, ou ka enstale gem a lè w ap kouri lòd sa a:
gem install bootstrap -v 4.6.2
Gade README gem a pou plis detay.
Konpozitè
Ou kapab tou enstale ak jere Bootstrap a Sass ak JavaScript lè l sèvi avèk Composer :
composer require twbs/bootstrap:4.6.2
NuGet
Si ou devlope nan .NET, ou ka tou enstale ak jere CSS oswa Sass ak JavaScript Bootstrap a lè l sèvi avèk NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass