Lejupielādēt
Lejupielādējiet Bootstrap, lai iegūtu apkopoto CSS un JavaScript, avota kodu vai iekļautu to iecienītākajos pakotņu pārvaldniekos, piemēram, npm, RubyGems un citos.
Sastādīts CSS un JS
Lejupielādējiet lietošanai gatavu kompilēto kodu Bootstrap v5.1.3 , lai viegli iekļautos savā projektā, kurā ietilpst:
- Kompilēti un samazināti CSS pakesti (skatiet CSS failu salīdzinājumu )
- Kompilēti un samazināti JavaScript spraudņi (skatiet JS failu salīdzinājumu )
Tas neietver dokumentāciju, avota failus vai jebkādas izvēles JavaScript atkarības, piemēram, Popper.
Avota faili
Kompilējiet Bootstrap ar savu līdzekļu cauruļvadu, lejupielādējot mūsu avota Sass, JavaScript un dokumentācijas failus. Šai opcijai ir nepieciešami daži papildu rīki:
- Sass kompilators Sass avota failu apkopošanai CSS failos
- Autoprefiksers CSS pārdevēja prefiksam
Ja jums ir nepieciešams pilns mūsu veidošanas rīku komplekts , tie ir iekļauti Bootstrap un tā dokumentu izstrādei, taču tie, visticamāk, nav piemēroti jūsu vajadzībām.
Piemēri
Ja vēlaties lejupielādēt un pārbaudīt mūsu piemērus , varat tvert jau izveidotos piemērus:
CDN, izmantojot jsDelivr
Izlaidiet lejupielādi, izmantojot jsDelivr , lai savam projektam piegādātu Bootstrap kompilētā CSS un JS kešatmiņā saglabāto versiju.
<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>
Ja izmantojat mūsu apkopoto JavaScript un vēlaties atsevišķi iekļaut Popper, pievienojiet Popper pirms mūsu JS, vēlams, izmantojot CDN.
<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>
Pakešu vadītāji
Ievelciet Bootstrap avota failus gandrīz jebkurā projektā, izmantojot dažus no populārākajiem pakotņu pārvaldniekiem. Neatkarīgi no pakotņu pārvaldnieka, Bootstrap būs nepieciešams Sass kompilators un automātiskais prefiksators , lai iestatītu, kas atbilst mūsu oficiālajām kompilētajām versijām.
npm
Instalējiet Bootstrap savās Node.js darbinātajās lietotnēs ar npm pakotni :
npm install bootstrap
const bootstrap = require('bootstrap')
vai objektā import bootstrap from 'bootstrap'
ielādēs visus Bootstrap spraudņus . bootstrap
Pats bootstrap
modulis eksportē visus mūsu spraudņus. Varat manuāli ielādēt Bootstrap spraudņus atsevišķi, ielādējot /js/dist/*.js
failus pakotnes augstākā līmeņa direktorijā.
Bootstrap's package.json
satur dažus papildu metadatus zem šādiem taustiņiem:
sass
- ceļš uz Bootstrap galveno Sass avota failustyle
- ceļš uz Bootstrap neminificēto CSS, kas ir iepriekš kompilēts, izmantojot noklusējuma iestatījumus (bez pielāgošanas)
dzija
Instalējiet Bootstrap savās Node.js darbinātajās lietotnēs ar dzijas pakotni :
yarn add bootstrap
RubyGems
Instalējiet Bootstrap savās Ruby lietotnēs, izmantojot Bundler ( ieteicams ) un RubyGems , pievienojot savai rindiņai šādu rindiņu Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Alternatīvi, ja neizmantojat Bundler, varat instalēt dārgakmeni, izpildot šo komandu:
gem install bootstrap -v 5.1.3
Plašāku informāciju skatiet dārgakmens README .
Komponists
Varat arī instalēt un pārvaldīt Bootstrap Sass un JavaScript, izmantojot Composer :
composer require twbs/bootstrap:5.1.3
NuGet
Ja izstrādājat .NET, varat arī instalēt un pārvaldīt Bootstrap CSS vai Sass un JavaScript, izmantojot NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass