Lawrlwythwch
Dadlwythwch Bootstrap i gael y CSS a JavaScript, cod ffynhonnell, neu ei gynnwys gyda'ch hoff reolwyr pecynnau fel npm, RubyGems, a mwy.
Lluniwyd CSS a JS
Dadlwythwch y cod parod parod i'w ddefnyddio ar gyfer Bootstrap v4.6.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 (jQuery a Popper).
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.
Enghreifftiau
Os ydych chi am lawrlwytho ac archwilio ein henghreifftiau , gallwch chi fachu'r enghreifftiau sydd eisoes wedi'u hadeiladu:
jsDelivr
Hepgorwch y lawrlwythiad gyda jsDelivr i gyflwyno fersiwn wedi'i storio o CSS a JS Bootstrap i'ch prosiect.
<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>
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/[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>
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
require('bootstrap')
yn llwytho holl ategion jQuery Bootstrap ar y gwrthrych jQuery. Nid yw'r bootstrap
modiwl ei hun yn allforio unrhyw beth. Gallwch lwytho ategion jQuery Bootstrap â llaw yn unigol trwy lwytho'r /js/*.js
ffeiliau o dan gyfeiriadur lefel uchaf y pecyn.
Mae Bootstrap's yn package.json
cynnwys rhai metadata ychwanegol o dan yr allweddi canlynol:
sass
- llwybr i brif ffeil ffynhonnell Sass Bootstrapstyle
- 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', '~> 4.6.2'
Fel arall, os nad ydych chi'n defnyddio Bundler, gallwch chi osod y gem trwy redeg y gorchymyn hwn:
gem install bootstrap -v 4.6.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:4.6.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