Lawrlwythwch

Lluniwyd CSS a JS

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

• Bwndeli CSS wedi'u llunio a'u lleihau (gweler cymhariaeth ffeiliau CSS )
• Ategion JavaScript wedi'u llunio a'u lleihau (gweler cymhariaeth ffeiliau JS )

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:

• Sass compiler ar gyfer llunio ffeiliau ffynhonnell Sass yn ffeiliau CSS
• Autoprefixer ar gyfer rhagddodiad gwerthwr CSS

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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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 bootstrap

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 baratoi ymlaen llaw gan ddefnyddio'r gosodiadau diofyn (dim addasu)

edafedd

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 5.0.2'

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

gem install bootstrap -v 5.0.2

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

NuGet

Os byddwch yn datblygu yn .NET, gallwch hefyd osod a rheoli CSS Bootstrap neu Sass a JavaScript gan ddefnyddio NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass