I-download
I-download ti Bootstrap tapno makaala ti naurnong a CSS ken JavaScript, taudan a kodigo, wenno iraman daytoy kadagiti paboritom a manager ti pakete a kas ti npm, RubyGems, ken dadduma pay.
Naurnong ti CSS ken JS
I-download ti nakasagana nga usaren a naurnong a kodigo para iti Bootstrap v5.0.2 tapno nalaka a maitumba iti proyektom, a pakairamanan ti:
- Naurnong ken napabassit dagiti bundle ti CSS (kitaen ti panagidilig kadagiti papeles ti CSS ) .
- Dagiti naurnong ken napabassit a plugin ti JavaScript (kitaen ti panagidilig kadagiti papeles ti JS ) .
Daytoy ket saan a mangiraman ti dokumentasion, dagiti taudan a papeles, wenno ania man nga opsional a panagpanpanunot ti JavaScript a kas ti Popper.
Dagiti gubuayan a file
Tignayen ti Bootstrap babaen ti bukodmo a tubo ti sanikua babaen ti panangi-download kadagiti taudan a Sass, JavaScript, ken dagiti file ti dokumentasionmi. Daytoy a pagpilian ket agkasapulan ti sumagmamano a kanayonan a ramit:
- Sass a kompiler para iti panagtipon kadagiti taudan a papeles ti Sass kadagiti CSS a papeles
- Autoprefixer para iti panangirugi ti aglaklako ti CSS
Should you require our full set of build tools , dagitoy ket nairaman para iti panagparang-ay ti Bootstrap ken dagiti dokna, ngem dagitoy ket nalabit a saan a maibagay para kadagiti bukodmo a panggep.
Dagiti pagarigan
No kayatmo nga i-download ken sukimaten dagiti pagariganmi , mabalinmo nga alaen dagiti naibangon a pagarigan:
CDN babaen ti jsDelivr
Laktawan ti panagi-download babaen ti jsDelivr tapno mangitulod ti nai-cache a bersion ti naurnong a CSS ken JS ti Bootstrap iti proyektom.
<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>
No agus-usar ka ti naurnong a JavaScript mi ken kaykayatmo nga iraman ti Popper a naisina, inayonmo ti Popper sakbay ti JS-mi, babaen ti CDN a nasaysayaat.
<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>
Dagiti manager ti pakete
Guyoden dagiti taudan a papeles ti Bootstrap iti dandani ania man a proyekto nga addaan kadagiti sumagmamano kadagiti kalatakan a manager ti pakete. Uray ania ti manager ti pakete, ti Bootstrap ket agkasapulan ti Sass a kompiler ken Autoprefixer para iti maysa a panagisaad a maipada kadagiti opisial a naurnong a bersionmi.
npm nga
I-install ti Bootstrap kadagiti Node.js powered apps-mo babaen ti npm package :
npm install bootstrap
const bootstrap = require('bootstrap')
wenno import bootstrap from 'bootstrap'
ikarga amin dagiti plugin ti Bootstrap iti maysa a bootstrap
banag. Ti bootstrap
module a mismo ket mangi-export amin kadagiti plugin tayo. Mabalinmo a manual nga ikarga dagiti plugin ti Bootstrap a saggaysa babaen ti panangikarga kadagiti /js/dist/*.js
papeles iti baba ti kangatuan nga antas a direktorio ti pakete.
Ti Bootstrap's package.json
ket aglaon ti sumagmamano a kanayonan a metadata iti baba dagiti sumaganad a tulbek:
sass
- dalan ti kangrunaan a taudan a file ti Sass ti Bootstrapstyle
- dalan ti saan a napabassit a CSS ti Bootstrap a nasakbay a naurnong babaen ti panagusar kadagiti kasisigud a panagitunos (awan ti panagpasayaat) .
sinulid nga
I-install ti Bootstrap kadagiti Node.js powered apps-mo babaen ti yarn package :
yarn add bootstrap
Ruby nga Gems
I-install ti Bootstrap kadagiti Ruby apps mo babaen ti Bundler ( mairekomendar ) ken RubyGems babaen ti pananginayon ti sumaganad a linia iti Gemfile
:
gem 'bootstrap', '~> 5.0.2'
Saan laeng a dayta, no saanmo nga agus-usar ti Bundler, mabalinmo nga i-install ti gem babaen ti panangipataray iti daytoy a bilin:
gem install bootstrap -v 5.0.2
Kitaen ti README ti gem para iti kanayonan a detalye.
Kompositor
Mabalinmo pay nga i-install ken imanehar ti Sass ken JavaScript ti Bootstrap babaen ti Composer :
composer require twbs/bootstrap:5.0.2
NuGet nga
No agparang-ayka iti .NET, mabalinmo pay nga i-install ken imanehar ti CSS wenno Sass ken JavaScript ti Bootstrap babaen ti NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass