Neidio i'r prif gynnwys Neidio i lywio dogfennau
Check
in English

Lawrlwythwch

Dadlwythwch Bootstrap i gael y CSS a JavaScript, cod ffynhonnell, neu ei gynnwys gyda'ch hoff reolwyr pecynnau fel npm, RubyGems, a mwy.

Ar y dudalen hon

Lluniwyd CSS a JS

Dadlwythwch y cod parod parod i'w ddefnyddio ar gyfer Bootstrap v5.2.1 i'w ollwng yn hawdd i'ch prosiect, sy'n cynnwys:

Nid yw hyn yn cynnwys dogfennaeth, ffeiliau ffynhonnell, nac unrhyw ddibyniaethau JavaScript dewisol fel Popper.

Lawrlwythwch

Ffeiliau ffynhonnell

Lluniwch Bootstrap gyda'ch piblinell asedau eich hun trwy lawrlwytho ein ffeiliau ffynhonnell Sass, JavaScript a dogfennaeth. Mae angen rhywfaint o offer ychwanegol ar yr opsiwn hwn:

Os bydd angen ein set lawn o offer adeiladu arnoch chi , maen nhw wedi'u cynnwys ar gyfer datblygu Bootstrap a'i ddogfennau, ond maen nhw'n debygol o fod yn anaddas at eich dibenion chi.

Ffynhonnell lawrlwytho

Enghreifftiau

Os ydych chi am lawrlwytho ac archwilio ein henghreifftiau , gallwch chi fachu'r enghreifftiau sydd eisoes wedi'u hadeiladu:

Lawrlwythwch Enghreifftiau

CDN trwy jsDelivr

Hepgorwch y lawrlwythiad gyda jsDelivr i gyflwyno fersiwn wedi'i storio o CSS a JS Bootstrap i'ch prosiect.

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

Os ydych chi'n defnyddio ein JavaScript a luniwyd ac mae'n well gennych gynnwys Popper ar wahân, ychwanegwch Popper cyn ein JS, trwy CDN yn ddelfrydol.

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

Rheolwyr pecynnau

Tynnwch ffeiliau ffynhonnell Bootstrap i mewn i bron unrhyw brosiect gyda rhai o'r rheolwyr pecynnau mwyaf poblogaidd. Ni waeth beth yw'r rheolwr pecyn, bydd angen casglwr Sass ac Autoprefixer ar Bootstrap ar gyfer gosodiad sy'n cyd-fynd â'n fersiynau swyddogol a luniwyd.

npm

Gosodwch Bootstrap yn eich apiau wedi'u pweru gan Node.js gyda'r pecyn npm :

npm install [email protected]

const bootstrap = require('bootstrap')neu import bootstrap from 'bootstrap'bydd yn llwytho holl ategion Bootstrap ar bootstrapwrthrych. Mae'r bootstrapmodiwl ei hun yn allforio ein holl ategion. Gallwch lwytho ategion Bootstrap â llaw yn unigol trwy lwytho'r /js/dist/*.jsffeiliau o dan gyfeiriadur lefel uchaf y pecyn.

Mae Bootstrap's yn package.jsoncynnwys rhai metadata ychwanegol o dan yr allweddi canlynol:

  • sass- llwybr i brif ffeil ffynhonnell Sass Bootstrap
  • style- llwybr i CSS anfeidrol Bootstrap sydd wedi'i lunio gan ddefnyddio'r gosodiadau diofyn (dim addasu)
Dechreuwch gyda Bootstrap trwy npm gyda'n prosiect cychwynnol! Ewch i ystorfa templedi twbs/bootstrap-npm-starter i weld sut i adeiladu ac addasu Bootstrap yn eich prosiect npm eich hun. Yn cynnwys Sass compiler, Autoprefixer, Stylelint, PurgeCSS, ac Eiconau Bootstrap.

edafedd

Gosodwch Bootstrap yn eich apiau wedi'u pweru gan Node.js gyda'r pecyn edafedd :

yarn add [email protected]

RubyGems

Gosodwch Bootstrap yn eich apiau Ruby gan ddefnyddio Bundler ( argymhellir ) a RubyGems trwy ychwanegu'r llinell ganlynol at eich Gemfile:

gem 'bootstrap', '~> 5.2.1'

Fel arall, os nad ydych chi'n defnyddio Bundler, gallwch chi osod y gem trwy redeg y gorchymyn hwn:

gem install bootstrap -v 5.2.1

Gweler README y berl am fanylion pellach.

Cyfansoddwr

Gallwch hefyd osod a rheoli Bootstrap's Sass a JavaScript gan ddefnyddio Cyfansoddwr :

composer require twbs/bootstrap:5.2.1

NuGet

Os byddwch yn datblygu yn .NET Framework, gallwch hefyd osod a rheoli CSS Bootstrap neu Sass a JavaScript gan ddefnyddio NuGet . Dylai prosiectau mwy newydd ddefnyddio libman neu ddull arall gan fod NuGet wedi'i gynllunio ar gyfer cod wedi'i lunio, nid asedau blaen.

Install-Package bootstrap

Install-Package bootstrap.sass