Source

I-download

I-download ti Bootstrap tapno makaala ti naurnong a CSS ken JavaScript, taudan a kodigo, wenno iraman daytoy kadagiti paboritom a manager ti pakete a kas ti npm, RubyGems, ken dadduma pay.

Naurnong ti CSS ken JS

I-download ti nakasagana nga usaren a naurnong a kodigo para iti Bootstrap v4.0.0 tapno nalaka a maitumba iti proyektom, a pakairamanan ti:

Daytoy ket saan a mangiraman ti dokumentasion, dagiti taudan a papeles, wenno ania man a pagpilian a panagpanpanunot ti JavaScript (jQuery ken Popper.js).

I-download

Dagiti gubuayan a file

Tignayen ti Bootstrap babaen ti bukodmo a tubo ti sanikua babaen ti panangi-download kadagiti taudan a Sass, JavaScript, ken dagiti file ti dokumentasionmi. Daytoy a pagpilian ket agkasapulan ti sumagmamano a kanayonan a ramit:

  • Sass compiler (ti Libsass wenno Ruby Sass ket nasuportaran) para iti panagtipon ti CSS-mo.
  • Autoprefixer para iti panangirugi ti aglaklako ti CSS

Rumbeng a kasapulam dagiti ramit ti panagbangon , dagitoy ket nairaman para iti panagrang-ay ti Bootstrap ken dagiti dokna, ngem dagitoy ket mabalin a saan a maibagay para kadagiti bukodmo a panggep.

I-download ti gubuayan

jsDelivr nga

Laktawan ti panagi-download babaen ti jsDelivr tapno mangitulod ti nai-cache a bersion ti naurnong a CSS ken JS ti Bootstrap iti proyektom.

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

No agus-usar ka ti naurnong a JavaScript mi, dimo liplipatan nga iraman dagiti bersion ti CDN ti jQuery ken Popper.js sakbay daytoy.

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

Dagiti manager ti pakete

Guyoden dagiti taudan a papeles ti Bootstrap iti dandani ania man a proyekto nga addaan kadagiti sumagmamano kadagiti kalatakan a manager ti pakete. Uray ania ti manager ti pakete, ti Bootstrap ket agkasapulan ti Sass a kompiler ken Autoprefixer para iti maysa a panagisaad a maipada kadagiti opisial a naurnong a bersionmi.

npm nga

I-install ti Bootstrap kadagiti Node.js powered apps-mo babaen ti npm package :

npm install bootstrap

require('bootstrap')ikarga amin dagiti plugin ti jQuery ti Bootstrap iti banag ti jQuery. Ti bootstrapmismo a modulo ket saan nga ag-export iti aniaman. Mabalinmo a manual nga ikarga dagiti plugin ti jQuery ti Bootstrap a saggaysa babaen ti panangikarga kadagiti /js/*.jspapeles iti baba ti kangatuan nga antas a direktorio ti pakete.

Ti Bootstrap's package.jsonket aglaon ti sumagmamano a kanayonan a metadata iti baba dagiti sumaganad a tulbek:

  • sass- dalan ti kangrunaan a taudan a file ti Sass ti Bootstrap
  • style- dalan ti saan a napabassit a CSS ti Bootstrap a nasakbay a naurnong babaen ti panagusar kadagiti kasisigud a panagitunos (awan ti panagpasayaat) .

Ruby nga Gems

I-install ti Bootstrap kadagiti Ruby apps mo babaen ti Bundler ( mairekomendar ) ken RubyGems babaen ti pananginayon ti sumaganad a linia iti Gemfile:

gem 'bootstrap', '~> 4.0.0'

Saan laeng a dayta, no saanmo nga agus-usar ti Bundler, mabalinmo nga i-install ti gem babaen ti panangipataray iti daytoy a bilin:

gem install bootstrap -v 4.0.0

Kitaen ti README ti gem para iti kanayonan a detalye.

Kompositor

Mabalinmo pay nga i-install ken imanehar ti Sass ken JavaScript ti Bootstrap babaen ti Composer :

composer require twbs/bootstrap:4.0.0

NuGet nga

No agparang-ayka iti .NET, mabalinmo pay nga i-install ken imanehar ti CSS wenno Sass ken JavaScript ti Bootstrap babaen ti NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass