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.1.3 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-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" 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-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" 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.1.3'
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.1.3
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.1.3
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