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.

Gecompileerde CSS en JS

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

Dit omvat geen documentatie, bronbestanden of optionele JavaScript-afhankelijkheden (jQuery en 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

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" 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/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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

require('bootstrap')laadt alle jQuery-plug-ins van Bootstrap op het jQuery-object. De bootstrapmodule zelf exporteert niets. U kunt de jQuery-plug-ins van Bootstrap handmatig afzonderlijk laden door de /js/*.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)
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 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', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

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

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass