Aflaai

Saamgestel CSS en JS

Laai gereed-vir-gebruik saamgestelde kode vir Bootstrap v5.1.3 af om maklik by jou projek in te gaan, wat insluit:

• Saamgestelde en verkleineerde CSS-bundels (sien CSS-lêersvergelyking )
• Saamgestelde en verkleinde JavaScript-inproppe (sien JS-lêersvergelyking )

Dit sluit nie dokumentasie, bronlêers of enige opsionele JavaScript-afhanklikhede soos Popper in nie.

Aflaai

Bron lêers

Stel Bootstrap saam met jou eie bate pyplyn deur ons bron Sass, JavaScript en dokumentasie lêers af te laai. Hierdie opsie vereis 'n paar bykomende gereedskap:

• Sass-samesteller vir die samestelling van Sass-bronlêers in CSS-lêers
• Autoprefixer vir CSS-verskaffervoorvoegsel

As jy ons volledige stel bounutsgoed benodig , is dit ingesluit vir die ontwikkeling van Bootstrap en sy dokumente, maar dit is waarskynlik nie geskik vir jou eie doeleindes nie.

Laai bron af

Voorbeelde

As jy ons voorbeelde wil aflaai en ondersoek , kan jy die reeds geboude voorbeelde gryp:

Laai voorbeelde af

CDN via jsDelivr

Slaan die aflaai met jsDelivr oor om die gekaste weergawe van Bootstrap se saamgestelde CSS en JS aan jou projek te lewer.

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

As jy ons saamgestelde JavaScript gebruik en verkies om Popper apart in te sluit, voeg Popper voor ons JS by, verkieslik via 'n 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>

Pakketbestuurders

Trek Bootstrap se bronlêers in byna enige projek met sommige van die gewildste pakketbestuurders. Ongeag die pakketbestuurder, Bootstrap sal 'n Sass-samesteller en Autoprefixer benodig vir 'n opstelling wat ooreenstem met ons amptelike saamgestelde weergawes.

npm

Installeer Bootstrap in jou Node.js-aangedrewe programme met die npm-pakket :

npm install bootstrap

const bootstrap = require('bootstrap')of import bootstrap from 'bootstrap'sal al Bootstrap se plugins op 'n bootstrapvoorwerp laai. Die bootstrapmodule self voer al ons inproppe uit. U kan Bootstrap se plugins individueel met die hand laai deur die /js/dist/*.jslêers onder die pakket se topvlak gids te laai.

Bootstrap's package.jsonbevat 'n paar bykomende metadata onder die volgende sleutels:

• sass- pad na Bootstrap se hoof Sass -bronlêer
• style- pad na Bootstrap se nie-verkleinde CSS wat vooraf saamgestel is met die verstekinstellings (geen aanpassing)

gare

Installeer Bootstrap in jou Node.js-aangedrewe toepassings met die garingpakket :

yarn add bootstrap

RubyGems

Installeer Bootstrap in jou Ruby-toepassings deur Bundler ( aanbeveel ) en RubyGems te gebruik deur die volgende reël by jou Gemfile:

gem 'bootstrap', '~> 5.1.3'

Alternatiewelik, as jy nie Bundler gebruik nie, kan jy die juweel installeer deur hierdie opdrag uit te voer:

gem install bootstrap -v 5.1.3

Sien die juweel se README vir verdere besonderhede.

Komponis

U kan ook Bootstrap se Sass en JavaScript installeer en bestuur deur Composer te gebruik :

composer require twbs/bootstrap:5.1.3

NuGet

As jy in .NET ontwikkel, kan jy ook Bootstrap se CSS of Sass en JavaScript installeer en bestuur deur NuGet te gebruik :

Install-Package bootstrap

Install-Package bootstrap.sass