Elŝutu
Elŝutu Bootstrap por akiri la kompilitan CSS kaj JavaScript, fontkodon, aŭ inkluzivi ĝin kun viaj plej ŝatataj pakadministrantoj kiel npm, RubyGems, kaj pli.
Kompilitaj CSS kaj JS
Elŝutu uzeblan kompilitan kodon por Bootstrap v5.0.2 por facile eniri vian projekton, kiu inkluzivas:
- Kompilitaj kaj malgrandigitaj CSS-faskoj (vidu komparon de CSS-dosieroj )
- Kompilitaj kaj minimumigitaj JavaScript-kromaĵoj (vidu komparon de JS-dosieroj )
Ĉi tio ne inkluzivas dokumentadon, fontdosierojn aŭ ajnajn laŭvolajn JavaScript-dependojn kiel Popper.
Fontdosieroj
Kompilu Bootstrap kun via propra valoraĵo elŝutante niajn fontajn dosierojn Sass, JavaScript kaj dokumentajn dosierojn. Ĉi tiu opcio postulas iun kroman ilon:
- Sass-kompililo por kompili Sass-fontajn dosierojn en CSS-dosierojn
- Aŭtomata prefiksilo por CSS-vendisto-prefiksado
Se vi bezonas nian plenan aron de konstruaj iloj , ili estas inkluzivitaj por disvolvi Bootstrap kaj ĝiajn dokumentojn, sed ili verŝajne ne taŭgas por viaj propraj celoj.
Ekzemploj
Se vi volas elŝuti kaj ekzameni niajn ekzemplojn , vi povas kapti la jam konstruitajn ekzemplojn:
CDN per jsDelivr
Preterpasu la elŝuton per jsDelivr por liveri kaŝmemoritan version de la kompilitaj CSS kaj JS de Bootstrap al via projekto.
<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>
Se vi uzas nian kompilitan JavaScript kaj preferas inkluzivi Popper aparte, aldonu Popper antaŭ nia JS, prefere per CDN.
<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>
Pakaj administrantoj
Enigu la fontdosierojn de Bootstrap en preskaŭ ajnan projekton kun iuj el la plej popularaj pakaĵadministrantoj. Ne gravas la pakaĵmanaĝero, Bootstrap postulos Sass-kompililon kaj Aŭtoprefiksilon por aranĝo, kiu kongruas kun niaj oficialaj kompilitaj versioj.
npm
Instalu Bootstrap en viaj funkciigitaj programoj de Node.js kun la pako npm :
npm install bootstrap
const bootstrap = require('bootstrap')
aŭ import bootstrap from 'bootstrap'
ŝarĝos ĉiujn aldonaĵojn de Bootstrap sur bootstrap
objekto. La bootstrap
modulo mem eksportas ĉiujn niajn kromaĵojn. Vi povas permane ŝargi la kromaĵojn de Bootstrap individue ŝarĝante la /js/dist/*.js
dosierojn sub la plej alta dosierujo de la pako.
Bootstrap package.json
enhavas kelkajn pliajn metadatenojn sub la sekvaj ŝlosiloj:
sass
- vojo al la ĉefa fontdosiero de Sass de Bootstrapstyle
- vojo al la ne-minimigita CSS de Bootstrap, kiu estis antaŭkompilita uzante la defaŭltajn agordojn (neniu personigo)
fadeno
Instalu Bootstrap en viaj funkciigitaj programoj de Node.js kun la teksaĵa pako :
yarn add bootstrap
RubyGems
Instalu Bootstrap en viaj Ruby-programoj per Bundler ( rekomendita ) kaj RubyGems aldonante la sekvan linion al via Gemfile
:
gem 'bootstrap', '~> 5.0.2'
Alternative, se vi ne uzas Bundler, vi povas instali la gemon rulante ĉi tiun komandon:
gem install bootstrap -v 5.0.2
Vidu la README de la gemo por pliaj detaloj.
Komponisto
Vi ankaŭ povas instali kaj administri Bootstrap's Sass kaj JavaScript uzante Composer :
composer require twbs/bootstrap:5.0.2
NuGet
Se vi disvolvas en .NET, vi ankaŭ povas instali kaj administri CSS aŭ Sass kaj JavaScript de Bootstrap uzante NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass