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 v5.0.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 tankou Popper.
Fichye sous yo
Konpile Bootstrap ak tiyo pwòp avantaj ou 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:
CDN atravè jsDelivr
Sote download la ak jsDelivr pou delivre vèsyon kachèt CSS ak JS konpile Bootstrap nan pwojè ou a.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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
const bootstrap = require('bootstrap')
oswa import bootstrap from 'bootstrap'
yo pral chaje tout grefon Bootstrap yo sou yon bootstrap
objè. Modil bootstrap
la li menm ekspòte tout grefon nou yo. Ou ka manyèlman chaje grefon Bootstrap yo endividyèlman lè w chaje /js/dist/*.js
dosye 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 ki mache ak Node.js ou yo ak pake fil la :
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', '~> 5.0.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 5.0.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:5.0.2
NuGet
Si w devlope nan .NET, ou kapab 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