Hent
Download Bootstrap for at få den kompilerede CSS og JavaScript, kildekode, eller inkludere den med dine foretrukne pakkeadministratorer som npm, RubyGems og mere.
Kompileret CSS og JS
Download klar til brug kompileret kode til Bootstrap v5.0.2 for nemt at komme ind i dit projekt, som inkluderer:
- Kompilerede og minificerede CSS-pakker (se sammenligning af CSS-filer )
- Kompilerede og minificerede JavaScript-plugins (se sammenligning af JS-filer )
Dette inkluderer ikke dokumentation, kildefiler eller eventuelle valgfri JavaScript-afhængigheder som Popper.
Kildefiler
Kompiler Bootstrap med din egen aktivpipeline ved at downloade vores kilde Sass, JavaScript og dokumentationsfiler. Denne mulighed kræver noget ekstra værktøj:
- Sass-kompiler til kompilering af Sass-kildefiler til CSS-filer
- Autopræfikser til CSS-leverandørpræfiks
Hvis du har brug for vores fulde sæt af byggeværktøjer , er de inkluderet til at udvikle Bootstrap og dets dokumenter, men de er sandsynligvis uegnede til dine egne formål.
Eksempler
Hvis du vil downloade og undersøge vores eksempler , kan du få fat i de allerede byggede eksempler:
CDN via jsDelivr
Spring over download med jsDelivr for at levere cachelagret version af Bootstraps kompilerede CSS og JS til dit projekt.
<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>
Hvis du bruger vores kompilerede JavaScript og foretrækker at inkludere Popper separat, skal du tilføje Popper før vores JS, helst via et 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>
Pakkeansvarlige
Træk Bootstraps kildefiler ind i næsten ethvert projekt med nogle af de mest populære pakkeadministratorer. Uanset pakkehåndteringen vil Bootstrap kræve en Sass-kompiler og Autoprefixer for en opsætning, der matcher vores officielle kompilerede versioner.
npm
Installer Bootstrap i dine Node.js-drevne apps med npm-pakken :
npm install bootstrap
const bootstrap = require('bootstrap')eller import bootstrap from 'bootstrap'vil indlæse alle Bootstraps plugins på et bootstrapobjekt. Selve bootstrapmodulet eksporterer alle vores plugins. Du kan manuelt indlæse Bootstraps plugins individuelt ved at indlæse /js/dist/*.jsfilerne under pakkens øverste mappe.
Bootstraps package.jsonindeholder nogle ekstra metadata under følgende nøgler:
sass- sti til Bootstraps vigtigste Sass -kildefilstyle- sti til Bootstraps ikke-minificerede CSS, der er blevet prækompileret ved hjælp af standardindstillingerne (ingen tilpasning)
garn
Installer Bootstrap i dine Node.js-drevne apps med garnpakken :
yarn add bootstrap
RubyGems
Installer Bootstrap i dine Ruby-apps ved hjælp af Bundler ( anbefales ) og RubyGems ved at tilføje følgende linje til din Gemfile:
gem 'bootstrap', '~> 5.0.2'
Alternativt, hvis du ikke bruger Bundler, kan du installere ædelstenen ved at køre denne kommando:
gem install bootstrap -v 5.0.2
Se perlens README for yderligere detaljer.
Komponist
Du kan også installere og administrere Bootstraps Sass og JavaScript ved hjælp af Composer :
composer require twbs/bootstrap:5.0.2
NuGet
Hvis du udvikler i .NET, kan du også installere og administrere Bootstraps CSS eller Sass og JavaScript ved hjælp af NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass