Source

Download

Soo deji Bootstrap si aad u hesho CSS-ga la soo ururiyey iyo JavaScript, koodka isha, ama ku dar maareeyayaasha xirmada aad jeceshahay sida npm, RubyGems, iyo in ka badan.

CSS iyo JS la soo ururiyey

Soo deji kood diyaarsan in la isticmaalo oo loogu talagalay Bootstrap v4.0.0 si aad si fudud ugu dhex gasho mashruucaaga, oo ay ku jiraan:

  • Xidhmooyin CSS la soo ururiyey oo la yareeyey (eeg isbarbardhigga faylasha CSS )
  • Isku-dubaridyada JavaScript la soo ururiyey oo la yareeyey

Tan kuma jiraan dukumeenti, faylasha isha, ama ku tiirsanaanta JavaScript kasta oo ikhtiyaari ah (jQuery iyo Popper.js).

Download

Xigasho galalka

Ku soo ururi Bootstrap dhuumaha hantidaada adiga oo soo dejinaya ishayada Sass, JavaScript, iyo faylalka dukumentiga. Doorashadani waxay u baahan tahay qalab dheeraad ah:

  • Sameeyaha Sass (Libsass ama Ruby Sass waa la taageeray) si loo ururiyo CSS kaaga.
  • Autoprefixer ee CSS horgalaha horgalayaasha

Haddii aad u baahato qalab dhisme , waxay ku jiraan horumarinta Bootstrap iyo dukumiintiyadiisa, laakiin waxay u badan tahay inaanay ku habboonayn ujeedooyinkaaga.

Soo deji isha

jsDelivr

Ku bood soo dejinta jsDelivr si aad u keento nooca kaydsan ee Bootstrap's CSS iyo JS ee mashruucaaga.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

Haddii aad isticmaalayso JavaScript-kayaga la soo ururiyey, ha ilaawin inaad ku darto noocyada CDN ee jQuery iyo Popper.js ka hor.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

Maamulayaasha xirmada

U soo jiid faylalka isha Bootstrap ku dhawaad ​​mashruuc kasta oo leh qaar ka mid ah maareeyayaasha xirmooyinka ugu caansan. Dhib malaha maareeyaha xirmada, Bootstrap wuxuu u baahan doonaa sass compiler iyo Autoprefixer si loo habeeyo u dhigma noocyadayada rasmiga ah ee la soo ururiyey.

npm

Ku rakib Bootstrap abkaaga ku shaqeeya Node.js ee wata xirmada npm :

npm install bootstrap

require('bootstrap')waxay ku shubi doontaa dhammaan Bootstrap's jQuery plugins-ka shayga jQuery. moduleka bootstraplaftiisa waxba ma dhoofiyo. Waxaad si gaar ah ugu shuban kartaa Bootstrap's jQuery plugins adiga oo ku shubaya /js/*.jsfaylalka hoos yimaada hagaha heerka sare ee xirmada.

Bootstrap's package.jsonwuxuu ka kooban yahay xog badan oo dheeraad ah oo hoos yimaada furayaasha soo socda:

  • sass- Jidka Bootstrap's faylka isha ugu weyn ee Sass
  • style- Jidka loo maro Bootstrap's CSS-ka aan la yarayn ee horay loo soo ururiyay iyadoo la adeegsanayo jaangooyooyinka caadiga ah (wax habayn lahayn)

RubyGems

Ku rakib Bootstrap abka Ruby adiga oo isticmaalaya Bundler ( lagu taliyay ) iyo RubyGems adiga oo ku daraya xariiqan soo socota kaaga Gemfile:

gem 'bootstrap', '~> 4.0.0'

Haddii kale, haddii aadan isticmaalin Bundler, waxaad ku rakibi kartaa dhagaxa adiga oo socodsiinaya amarkan:

gem install bootstrap -v 4.0.0

Faahfaahin dheeraad ah ka eeg GEm's README

Laxanka

Waxa kale oo aad ku rakibi kartaa oo maamuli kartaa Bootstrap's Sass iyo JavaScript adoo isticmaalaya laxanka :

composer require twbs/bootstrap:4.0.0

NuGet

Haddii aad ka horumarto NET, waxaad sidoo kale ku rakibi kartaa oo aad maamuli kartaa Bootstrap's CSS ama Sass iyo JavaScript adoo isticmaalaya NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass