Rach gu prìomh shusbaint Air adhart gu seòladh docs
in English

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.

Air an duilleig seo

CSS agus JS air an cur ri chèile

Luchdaich sìos còd deiseil deiseil airson Bootstrap v5.0.2 gus a dhol a-steach don phròiseact agad gu furasta, anns a bheil:

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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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

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 chuir ri chèile ro-làimh a’ cleachdadh nan roghainnean bunaiteach (gun ghnàthachadh)
Tòisich le Bootstrap tro npm leis a’ phròiseact tòiseachaidh againn! Rach gu stòr teamplaid twbs/bootstrap-npm-starter gus faicinn mar a thogas tu agus a ghnàthachadh Bootstrap anns a’ phròiseact npm agad fhèin. A’ toirt a-steach Sass compiler, Autoprefixer, Stylelint, PurgeCSS, agus Bootstrap Icons.

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