Ga naar hoofdinhoud Ga naar navigatie in documenten
Check
in English

Downloaden

Download Bootstrap om de gecompileerde CSS en JavaScript, broncode te krijgen, of voeg deze toe aan uw favoriete pakketbeheerders zoals npm, RubyGems en meer.

Op deze pagina

Gecompileerde CSS en JS

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

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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" 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 [email protected]

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 is gecompileerd met de standaardinstellingen (geen aanpassing)
Ga aan de slag met Bootstrap via npm met ons startersproject! Ga naar de twbs/bootstrap-npm-starter sjabloonrepository om te zien hoe u Bootstrap in uw eigen npm-project kunt bouwen en aanpassen. Bevat Sass-compiler, Autoprefixer, Stylelint, PurgeCSS en Bootstrap-pictogrammen.

garen

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

yarn add [email protected]

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.2.1'

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

gem install bootstrap -v 5.2.1

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

NuGet

Als u in .NET Framework ontwikkelt, kunt u ook CSS of Sass en JavaScript van Bootstrap installeren en beheren met NuGet . Nieuwere projecten zouden libman of een andere methode moeten gebruiken, aangezien NuGet is ontworpen voor gecompileerde code, niet voor frontend-assets.

Install-Package bootstrap

Install-Package bootstrap.sass