Luchdaich sìos
Luchdaich sìos Bootstrap gus an CSS agus JavaScript cruinn, an còd stòr, no cuir a-steach e leis na manaidsearan pacaid as fheàrr leat mar npm, RubyGems, agus barrachd.
CSS agus JS air an cur ri chèile
Luchdaich sìos còd deiseil deiseil airson Bootstrap v4.6.2 gus a dhol a-steach don phròiseact agad gu furasta, anns a bheil:
- Pasganan CSS air an cur ri chèile agus air an lughdachadh (faic coimeas fhaidhlichean CSS )
- Plugins JavaScript air an cur ri chèile agus air an lughdachadh (faic coimeas fhaidhlichean JS )
Chan eil seo a’ toirt a-steach sgrìobhainnean, faidhlichean stòr, no eisimeileachd roghainneil JavaScript (jQuery agus Popper).
Faidhlichean stòr
Cuir ri chèile Bootstrap leis an loidhne-phìoban maoin agad fhèin le bhith a’ luchdachadh sìos na faidhlichean stòr Sass, JavaScript agus sgrìobhainnean againn. Feumaidh an roghainn seo beagan innealan a bharrachd:
- Sass compiler airson faidhlichean stòr Sass a chur ri chèile ann am faidhlichean CSS
- Autoprefixer airson ro-leasachan reiceadair CSS
Ma tha feum agad air an làn sheata de dh ’ innealan togail againn , tha iad air an toirt a-steach airson Bootstrap agus na docaichean aige a leasachadh, ach tha coltas ann gu bheil iad mì-fhreagarrach airson na h-adhbharan agad fhèin.
Eisimpleirean
Ma tha thu airson na h- eisimpleirean againn a luchdachadh sìos agus a sgrùdadh , faodaidh tu grèim fhaighinn air na h-eisimpleirean a chaidh a thogail mar-thà:
jsDelivr
Thoir leum air an luchdachadh sìos le jsDelivr gus dreach taisgte de CSS agus JS a chuir Bootstrap ri chèile a lìbhrigeadh don phròiseact agad.
<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>
Ma tha thu a’ cleachdadh ar JavaScript cruinnichte agus gum b’ fheàrr leat Popper a thoirt a-steach air leth, cuir Popper ron JS againn, tro CDN mas fheàrr leat.
<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>
Manaidsearan pacaid
Tarraing a- steach faidhlichean stòr Bootstrap a- steach do cha mhòr pròiseact sam bith le cuid de na manaidsearan pacaid as mòr-chòrdte. Ge bith dè am manaidsear pacaid, bidh feum aig Bootstrap air inneal -cruinneachaidh Sass agus Autoprefixer airson rèiteachadh a tha a rèir na dreachan oifigeil a chaidh a chuir ri chèile.
npm
Stàlaich Bootstrap anns na h-aplacaidean cumhachd Node.js agad leis a’ phacaid npm :
npm install bootstrap
require('bootstrap')
luchdaichidh e na plugins jQuery aig Bootstrap air an nì jQuery. Chan bootstrap
eil am modal fhèin às-mhalairt dad. Faodaidh tu plugins jQuery Bootstrap a luchdachadh le làimh le bhith a’ luchdachadh nam /js/*.js
faidhlichean fo eòlaire àrd-ìre a’ phacaid.
Tha meata-dàta a bharrachd ann am Bootstrap package.json
fo na h-iuchraichean a leanas:
sass
- slighe gu prìomh fhaidhle stòr Sass aig Bootstrapstyle
- slighe gu CSS neo-mhìnichte Bootstrap a chaidh a chuir ri chèile ro-làimh a’ cleachdadh nan roghainnean bunaiteach (gun ghnàthachadh)
snàth
Stàlaich Bootstrap anns na h-aplacaidean cumhachd Node.js agad leis a’ phacaid snàth :
yarn add bootstrap
RubyGems
Stàlaich Bootstrap anns na h-aplacaidean Ruby agad a’ cleachdadh Bundler ( moladh ) agus RubyGems le bhith a’ cur na loidhne a leanas ris na leanas Gemfile
:
gem 'bootstrap', '~> 4.6.2'
Air an làimh eile, mura h-eil thu a’ cleachdadh Bundler, faodaidh tu an seud a stàladh le bhith a’ ruith an àithne seo:
gem install bootstrap -v 4.6.2
Faic README an t-seud airson tuilleadh fiosrachaidh.
Sgrìobhadair
Faodaidh tu cuideachd Sass agus JavaScript Bootstrap a stàladh agus a riaghladh le bhith a’ cleachdadh Sgrìobhaiche -ciùil :
composer require twbs/bootstrap:4.6.2
NuGet
Ma leasaicheas tu ann an .NET, faodaidh tu cuideachd CSS no Sass agus JavaScript Bootstrap a stàladh agus a stiùireadh a’ cleachdadh NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass