Luchdaich sìos

CSS agus JS air an cur ri chèile

Luchdaich sìos còd deiseil deiseil airson Bootstrap v5.2.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 (faic coimeas fhaidhlichean JS )

Chan eil seo a’ toirt a-steach sgrìobhainnean, faidhlichean stòr, no eisimeileachd roghainneil JavaScript leithid Popper.

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

Luchdaich sìos source

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à:

Luchdaich sìos eisimpleirean

CDN tro 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 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" 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 [email protected]

const bootstrap = require('bootstrap')no import bootstrap from 'bootstrap'luchdaichidh e na plugins Bootstrap gu lèir air bootstraprud. Bidh am bootstrapmodal fhèin a’ às-mhalairt na plugins againn uile. Faodaidh tu plugins Bootstrap a luchdachadh le làimh le bhith a’ luchdachadh nam /js/dist/*.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 chur ri chèile 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 [email protected]

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', '~> 5.2.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 5.2.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:5.2.1

NuGet

Ma leasaicheas tu ann an .NET Framework, faodaidh tu cuideachd CSS no Sass agus JavaScript Bootstrap a stàladh agus a riaghladh a’ cleachdadh NuGet . Bu chòir do phròiseactan nas ùire libman no dòigh eile a chleachdadh leis gu bheil NuGet air a dhealbhadh airson còd cruinnichte, chan e maoin aghaidh.

Install-Package bootstrap

Install-Package bootstrap.sass