Download
Luet Bootstrap erof fir de kompiléierte CSS an JavaScript, Quellcode ze kréien, oder enthält et mat Äre Liiblingspaketmanager wéi npm, RubyGems, a méi.
Kompiléiert CSS an JS
Download prett-ze-benotzen kompiléierte Code fir Bootstrap v5.2.1 fir einfach an Äre Projet ze falen, deen enthält:
- Kompiléiert a minifizéiert CSS Bündel (kuckt CSS Dateie Verglach )
- Kompiléiert a minifizéiert JavaScript Plugins (kuckt JS Dateie Verglach )
Dëst enthält keng Dokumentatioun, Quelldateien oder all optional JavaScript Ofhängegkeete wéi Popper.
Quelldateien
Kompiléiert Bootstrap mat Ärer eegener Asset Pipeline andeems Dir eis Quell Sass, JavaScript, an Dokumentatiounsdateien erofluet. Dës Optioun erfuerdert e puer zousätzlech Tools:
- Sass Compiler fir Sass Quelldateien an CSS Dateien ze kompiléieren
- Autoprefixer fir CSS Verkeefer Präfix
Sollt Dir eise komplette Set vu Build Tools erfuerderen , si si mat abegraff fir Bootstrap a seng Dokumenter z'entwéckelen, awer si si méiglecherweis net gëeegent fir Är eegen Zwecker.
Beispiller
Wann Dir eis Beispiller eroflueden an ënnersicht wëllt , kënnt Dir déi scho gebaute Beispiller gräifen:
CDN iwwer jsDelivr
Iwwersprangen den Download mat jsDelivr fir cache Versioun vum Bootstrap's kompiléierte CSS an JS op Äre Projet ze liwweren.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
Wann Dir eise kompiléierte JavaScript benotzt a léiwer Popper getrennt enthält, add Popper virun eisem JS, iwwer e CDN am léifsten.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>
Package Manager
Pull an Bootstrap Quelldateien a bal all Projet mat e puer vun de populäersten Packagemanager. Egal wéi de Package Manager, Bootstrap erfuerdert e Sass Compiler an Autoprefixer fir e Setup deen eis offiziell kompiléiert Versioune entsprécht.
npm vun
Installéiert Bootstrap an Ären Node.js ugedriwwenen Apps mam npm Package :
npm install [email protected]
const bootstrap = require('bootstrap')
oder import bootstrap from 'bootstrap'
lued all Bootstrap's Plugins op en bootstrap
Objet. De bootstrap
Modul selwer exportéiert all eis Plugins. Dir kënnt Bootstrap's Plugins manuell individuell lueden andeems Dir d' /js/dist/*.js
Dateien ënner dem Top-Level Verzeichnis vum Package lued.
Bootstrap's package.json
enthält e puer zousätzlech Metadaten ënner de folgende Schlësselen:
sass
- Wee op d'Bootstrap Haapt Sass Quelldateistyle
- Wee op Bootstrap's net-minifizéiert CSS dee mat de Standardastellungen kompiléiert gouf (keng Personnalisatioun)
garen
Installéiert Bootstrap an Ären Node.js ugedriwwenen Apps mam Garnpaket :
yarn add [email protected]
Rubin Gems
Installéiert Bootstrap an Äre Ruby Apps mat Bundler ( recommandéiert ) a RubyGems andeems Dir déi folgend Linn op Är bäidréit Gemfile
:
gem 'bootstrap', '~> 5.2.1'
Alternativ, wann Dir Bundler net benotzt, kënnt Dir de Bijou installéieren andeems Dir dëse Kommando ausféiert:
gem install bootstrap -v 5.2.1
Kuckt de README vum Bijou fir weider Detailer.
Komponist
Dir kënnt och Bootstrap's Sass a JavaScript installéieren a verwalten mat Composer :
composer require twbs/bootstrap:5.2.1
NuGet
Wann Dir am .NET Framework entwéckelt, kënnt Dir och Bootstrap's CSS oder Sass a JavaScript mat NuGet installéieren a verwalten . Méi nei Projete solle Libman oder eng aner Method benotzen well NuGet ass fir kompiléiert Code entworf, net Frontend Verméigen.
Install-Package bootstrap
Install-Package bootstrap.sass