Spring til hovedindhold Spring til dokumentnavigation

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:

Dette inkluderer ikke dokumentation, kildefiler eller eventuelle valgfri JavaScript-afhængigheder som Popper.

Hent

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:

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.

Download kilde

Eksempler

Hvis du vil downloade og undersøge vores eksempler , kan du få fat i de allerede byggede eksempler:

Download 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 -kildefil
  • style- sti til Bootstraps ikke-minificerede CSS, der er blevet prækompileret ved hjælp af standardindstillingerne (ingen tilpasning)
Kom i gang med Bootstrap via npm med vores startprojekt! Gå til twbs/bootstrap-npm-starter skabelonlageret for at se, hvordan du bygger og tilpasser Bootstrap i dit eget npm-projekt. Inkluderer Sass-kompiler, Autoprefixer, Stylelint, PurgeCSS og Bootstrap-ikoner.

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