Ladda ner
Ladda ner Bootstrap för att få den kompilerade CSS och JavaScript, källkod, eller inkludera den med dina favoritpakethanterare som npm, RubyGems och mer.
Sammanställd CSS och JS
Ladda ner färdig att använda kompilerad kod för Bootstrap v5.1.3 för att enkelt komma in i ditt projekt, vilket inkluderar:
- Kompilerade och minifierade CSS-paket (se jämförelse av CSS-filer )
- Kompilerade och minifierade JavaScript-plugin-program (se JS-filer jämförelse )
Detta inkluderar inte dokumentation, källfiler eller valfria JavaScript-beroenden som Popper.
Källfiler
Kompilera Bootstrap med din egen tillgångspipeline genom att ladda ner våra källfiler för Sass, JavaScript och dokumentation. Det här alternativet kräver ytterligare verktyg:
- Sass-kompilator för att kompilera Sass-källfiler till CSS-filer
- Autoprefixer för CSS-leverantörsprefix
Om du skulle behöva vår fullständiga uppsättning byggverktyg ingår de för att utveckla Bootstrap och dess dokument, men de är troligen olämpliga för dina egna syften.
Exempel
Om du vill ladda ner och undersöka våra exempel kan du ta de redan byggda exemplen:
CDN via jsDelivr
Hoppa över nedladdningen med jsDelivr för att leverera cachad version av Bootstraps kompilerade CSS och JS till ditt projekt.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
Om du använder vår kompilerade JavaScript och föredrar att inkludera Popper separat, lägg till Popper före vår JS, helst via ett CDN.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
Pakethanterare
Dra in Bootstraps källfiler till nästan alla projekt med några av de mest populära pakethanterarna. Oavsett pakethanteraren kommer Bootstrap att kräva en Sass-kompilator och Autoprefixer för en inställning som matchar våra officiella kompilerade versioner.
npm
Installera Bootstrap i dina Node.js-drivna appar med npm-paketet :
npm install bootstrap
const bootstrap = require('bootstrap')
eller import bootstrap from 'bootstrap'
kommer att ladda alla Bootstraps plugins på ett bootstrap
objekt. Modulen bootstrap
själv exporterar alla våra plugins. Du kan manuellt ladda Bootstraps plugins individuellt genom att ladda /js/dist/*.js
filerna under paketets toppnivåkatalog.
Bootstraps package.json
innehåller ytterligare metadata under följande nycklar:
sass
- sökväg till Bootstraps huvudsakliga Sass -källfilstyle
- sökväg till Bootstraps icke-minifierade CSS som har förkompilerats med standardinställningarna (ingen anpassning)
garn
Installera Bootstrap i dina Node.js-drivna appar med garnpaketet :
yarn add bootstrap
RubyGems
Installera Bootstrap i dina Ruby-appar med Bundler ( rekommenderas ) och RubyGems genom att lägga till följande rad i din Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Alternativt, om du inte använder Bundler, kan du installera pärlan genom att köra det här kommandot:
gem install bootstrap -v 5.1.3
Se ädelstenens README för ytterligare detaljer.
Kompositör
Du kan också installera och hantera Bootstraps Sass och JavaScript med hjälp av Composer :
composer require twbs/bootstrap:5.1.3
NuGet
Om du utvecklar i .NET kan du även installera och hantera Bootstraps CSS eller Sass och JavaScript med NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass