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.5.3 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
Nid yw hyn yn cynnwys dogfennaeth, ffeiliau ffynhonnell, nac unrhyw ddibyniaethau JavaScript dewisol (jQuery a Popper.js).
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 (cefnogir Libsass neu Ruby Sass) ar gyfer llunio eich CSS.
- Autoprefixer ar gyfer rhagddodiad gwerthwr CSS
Os bydd angen offer adeiladu arnoch , cânt eu cynnwys ar gyfer datblygu Bootstrap a'i ddogfennau, ond maent yn debygol o fod yn anaddas at eich dibenion eich hun.
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-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
Os ydych chi'n defnyddio ein JavaScript a luniwyd ac mae'n well gennych gynnwys Popper.js ar wahân, ychwanegwch Popper.js cyn ein JS, trwy CDN yn ddelfrydol.
<script src="https://code.jquery.com/jquery-3.5.1.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-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" 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
Gosod 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.5.3'
Fel arall, os nad ydych chi'n defnyddio Bundler, gallwch chi osod y gem trwy redeg y gorchymyn hwn:
gem install bootstrap -v 4.5.3
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.5.3
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