Source

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

Chan eil seo a’ toirt a-steach sgrìobhainnean, faidhlichean tùsail, no eisimeileachd roghainneil JavaScript (jQuery agus Popper.js).

Luchdaich sìos

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 (tha Libsass no Ruby Sass a’ faighinn taic) airson do CSS a chur ri chèile.
  • Autoprefixer airson ro-leasachan reiceadair CSS

Ma tha feum agad air innealan togail , 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.

Luchdaich sìos source

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-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Ma tha thu a’ cleachdadh ar JavaScript cruinnichte, na dìochuimhnich gun cuir thu a-steach dreachan CDN de jQuery agus Popper.js roimhe.

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" 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 bootstrapeil am modal fhèin às-mhalairt dad. Faodaidh tu plugins jQuery Bootstrap a luchdachadh le làimh le bhith a’ luchdachadh nam /js/*.jsfaidhlichean fo eòlaire àrd-ìre a’ phacaid.

Tha meata-dàta a bharrachd ann am Bootstrap package.jsonfo na h-iuchraichean a leanas:

  • sass- slighe gu prìomh fhaidhle stòr Sass aig Bootstrap
  • style- 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.4.1'

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

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

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