Slaan oor na hoofinhoud Slaan oor na dokumentnavigasie
Check
in English

Aflaai

Laai Bootstrap af om die saamgestelde CSS en JavaScript, bronkode te kry, of sluit dit in by jou gunsteling pakketbestuurders soos npm, RubyGems, en meer.

Op hierdie bladsy

Saamgestel CSS en JS

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

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:

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

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

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 [email protected]

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 saamgestel is met die verstekinstellings (geen aanpassing)
Begin met Bootstrap via npm met ons beginnersprojek! Gaan na die twbs/bootstrap-npm-starter- sjabloonbewaarplek om te sien hoe om Bootstrap in u eie npm-projek te bou en aan te pas. Sluit Sass-samesteller, Autoprefixer, Stylelint, PurgeCSS en Bootstrap-ikone in.

gare

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

yarn add [email protected]

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

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

gem install bootstrap -v 5.2.1

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

NuGet

As jy in .NET Framework ontwikkel, kan jy ook Bootstrap se CSS of Sass en JavaScript installeer en bestuur deur NuGet te gebruik . Nuwer projekte moet libman of 'n ander metode gebruik aangesien NuGet ontwerp is vir saamgestelde kode, nie frontend-bates nie.

Install-Package bootstrap

Install-Package bootstrap.sass