Downloaden

Gecompileerde CSS en JS

Download kant-en-klare gecompileerde code voor Bootstrap v5.1.3 om gemakkelijk in uw project te komen, inclusief:

• Gecompileerde en verkleinde CSS-bundels (zie CSS-bestanden vergelijking )
• Gecompileerde en verkleinde JavaScript-plug-ins (zie JS-bestandenvergelijking )

Dit omvat geen documentatie, bronbestanden of optionele JavaScript-afhankelijkheden zoals Popper.

Downloaden

Bronbestanden

Compileer Bootstrap met uw eigen asset-pipeline door onze Sass-, JavaScript- en documentatiebestanden te downloaden. Deze optie vereist wat extra gereedschap:

• Sass-compiler voor het compileren van Sass-bronbestanden in CSS-bestanden
• Autoprefixer voor voorvoegsel van CSS-leveranciers

Mocht u onze volledige set bouwtools nodig hebben , dan worden deze meegeleverd voor het ontwikkelen van Bootstrap en de bijbehorende documenten, maar ze zijn waarschijnlijk niet geschikt voor uw eigen doeleinden.

Bron downloaden

Voorbeelden

Als u onze voorbeelden wilt downloaden en bekijken , kunt u de reeds gebouwde voorbeelden pakken:

Voorbeelden downloaden

CDN via jsDelivr

Sla de download over met jsDelivr om de gecachte versie van Bootstrap's gecompileerde CSS en JS aan uw project te leveren.

<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>

Als je ons gecompileerde JavaScript gebruikt en Popper liever apart opneemt, voeg dan Popper toe vóór onze JS, bij voorkeur via een 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>

Pakketbeheerders

Haal de bronbestanden van Bootstrap in bijna elk project met enkele van de meest populaire pakketbeheerders. Ongeacht de pakketbeheerder, Bootstrap heeft een Sass-compiler en Autoprefixer nodig voor een installatie die overeenkomt met onze officiële gecompileerde versies.

npm

Installeer Bootstrap in uw door Node.js aangedreven apps met het npm-pakket :

npm install bootstrap

const bootstrap = require('bootstrap')of import bootstrap from 'bootstrap'laadt alle plug-ins van Bootstrap op een bootstrapobject. De bootstrapmodule zelf exporteert al onze plug-ins. U kunt de plug-ins van Bootstrap handmatig afzonderlijk laden door de /js/dist/*.jsbestanden in de map op het hoogste niveau van het pakket te laden.

Bootstrap's package.jsonbevat enkele aanvullende metadata onder de volgende sleutels:

• sass- pad naar het belangrijkste Sass -bronbestand van Bootstrap
• style- pad naar de niet-verkleinde CSS van Bootstrap die vooraf is gecompileerd met de standaardinstellingen (geen aanpassing)

garen

Installeer Bootstrap in uw door Node.js aangedreven apps met het garenpakket :

yarn add bootstrap

RubyEdelstenen

Installeer Bootstrap in uw Ruby-apps met behulp van Bundler ( aanbevolen ) en RubyGems door de volgende regel toe te voegen aan uw Gemfile:

gem 'bootstrap', '~> 5.1.3'

Als alternatief, als u Bundler niet gebruikt, kunt u de edelsteen installeren door deze opdracht uit te voeren:

gem install bootstrap -v 5.1.3

Zie de README van de edelsteen voor meer informatie.

Componist

U kunt Sass en JavaScript van Bootstrap ook installeren en beheren met Composer :

composer require twbs/bootstrap:5.1.3

NuGet

Als u in .NET ontwikkelt, kunt u ook de CSS of Sass en JavaScript van Bootstrap installeren en beheren met NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass