Hoppa till huvudinnehållet Hoppa till dokumentnavigering
in English

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:

Detta inkluderar inte dokumentation, källfiler eller valfria JavaScript-beroenden som Popper.

Ladda ner

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:

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.

Ladda ner källa

Exempel

Om du vill ladda ner och undersöka våra exempel kan du ta de redan byggda exemplen:

Ladda ner exempel

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 bootstrapobjekt. Modulen bootstrapsjälv exporterar alla våra plugins. Du kan manuellt ladda Bootstraps plugins individuellt genom att ladda /js/dist/*.jsfilerna under paketets toppnivåkatalog.

Bootstraps package.jsoninnehåller ytterligare metadata under följande nycklar:

  • sass- sökväg till Bootstraps huvudsakliga Sass -källfil
  • style- sökväg till Bootstraps icke-minifierade CSS som har förkompilerats med standardinställningarna (ingen anpassning)
Kom igång med Bootstrap via npm med vårt startprojekt! Gå till mallförrådet twbs/bootstrap-npm-starter för att se hur du bygger och anpassar Bootstrap i ditt eget npm-projekt. Inkluderar Sass-kompilator, Autoprefixer, Stylelint, PurgeCSS och Bootstrap-ikoner.

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