nedlasting
Last ned Bootstrap for å få den kompilerte CSS og JavaScript, kildekoden, eller inkludere den med dine favorittpakkeadministratorer som npm, RubyGems og mer.
Kompilert CSS og JS
Last ned klar-til-bruk kompilert kode for Bootstrap v5.2.1 for enkelt å slippe inn i prosjektet ditt, som inkluderer:
- Kompilerte og minifiserte CSS-bunter (se sammenligning av CSS-filer )
- Kompilerte og minifiserte JavaScript-plugins (se sammenligning av JS-filer )
Dette inkluderer ikke dokumentasjon, kildefiler eller valgfrie JavaScript-avhengigheter som Popper.
Kildefiler
Kompiler Bootstrap med din egen eiendelpipeline ved å laste ned våre Sass-, JavaScript- og dokumentasjonsfiler. Dette alternativet krever litt ekstra verktøy:
- Sass-kompilator for kompilering av Sass-kildefiler til CSS-filer
- Autoprefixer for CSS-leverandørprefikser
Skulle du trenge vårt komplette sett med byggeverktøy , er de inkludert for å utvikle Bootstrap og dets dokumenter, men de er sannsynligvis uegnet for dine egne formål.
Eksempler
Hvis du vil laste ned og undersøke eksemplene våre , kan du hente de allerede bygde eksemplene:
CDN via jsDelivr
Hopp over nedlastingen med jsDelivr for å levere bufret versjon av Bootstraps kompilerte CSS og JS til prosjektet ditt.
<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>
Hvis du bruker vår kompilerte JavaScript og foretrekker å inkludere Popper separat, legg til Popper før vår JS, helst via en CDN.
<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>
Pakkeforvaltere
Trekk inn Bootstraps kildefiler inn i nesten alle prosjekter med noen av de mest populære pakkebehandlerne. Uansett pakkebehandling, vil Bootstrap kreve en Sass-kompilator og Autoprefixer for et oppsett som samsvarer med våre offisielle kompilerte versjoner.
npm
Installer Bootstrap i dine Node.js-drevne apper med npm-pakken :
npm install [email protected]
const bootstrap = require('bootstrap')eller import bootstrap from 'bootstrap'vil laste inn alle Bootstraps plugins til et bootstrapobjekt. Selve bootstrapmodulen eksporterer alle pluginene våre. Du kan manuelt laste Bootstraps plugins individuelt ved å laste /js/dist/*.jsfilene under pakkens toppnivåkatalog.
Bootstraps package.jsoninneholder noen ekstra metadata under følgende nøkler:
sass- bane til Bootstraps viktigste Sass -kildefilstyle- bane til Bootstraps ikke-minifiserte CSS som er kompilert med standardinnstillingene (ingen tilpasning)
garn
Installer Bootstrap i dine Node.js-drevne apper med garnpakken :
yarn add [email protected]
RubyGems
Installer Bootstrap i Ruby-appene dine ved å bruke Bundler ( anbefalt ) og RubyGems ved å legge til følgende linje i Gemfile:
gem 'bootstrap', '~> 5.2.1'
Alternativt, hvis du ikke bruker Bundler, kan du installere perlen ved å kjøre denne kommandoen:
gem install bootstrap -v 5.2.1
Se perlens README for ytterligere detaljer.
Komponist
Du kan også installere og administrere Bootstraps Sass og JavaScript ved å bruke Composer :
composer require twbs/bootstrap:5.2.1
NuGet
Hvis du utvikler i .NET Framework, kan du også installere og administrere Bootstraps CSS eller Sass og JavaScript ved hjelp av NuGet . Nyere prosjekter bør bruke libman eller en annen metode da NuGet er designet for kompilert kode, ikke frontend-ressurser.
Install-Package bootstrap
Install-Package bootstrap.sass