Source

Ngundeur

Unduh Bootstrap pikeun kéngingkeun CSS sareng JavaScript anu disusun, kode sumber, atanapi kalebet sareng manajer pakét karesep anjeun sapertos npm, RubyGems, sareng seueur deui.

Disusun CSS jeung JS

Unduh kode kompilasi anu siap dianggo pikeun Bootstrap v4.4.1 supados gampang dilebetkeun kana proyék anjeun, anu kalebet:

  • Bundel CSS anu disusun sareng diminimalkeun (tingali perbandingan file CSS )
  • Plugin JavaScript anu disusun sareng diminimalkeun

Ieu henteu kalebet dokuméntasi, file sumber, atanapi katergantungan JavaScript pilihan (jQuery sareng Popper.js).

Ngundeur

File sumber

Kompilkeun Bootstrap sareng pipa aset anjeun nyalira ku ngaunduh file Sass, JavaScript, sareng dokuméntasi sumber kami. Pilihan ieu peryogi sababaraha alat tambahan:

  • Sass kompiler (Libsass atanapi Ruby Sass dirojong) pikeun nyusun CSS anjeun.
  • Autoprefixer pikeun CSS vendor prefixing

Upami anjeun peryogi alat ngawangun , aranjeunna kalebet pikeun ngembangkeun Bootstrap sareng dokumenna, tapi sigana henteu cocog pikeun tujuan anjeun nyalira.

Ngundeur sumber

jsDelivr

Leupaskeun undeuran nganggo jsDelivr pikeun ngirimkeun versi cache tina CSS sareng JS anu dikompilasi Bootstrap ka proyék anjeun.

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

Upami anjeun nganggo JavaScript anu disusun kami, tong hilap kalebet versi CDN tina jQuery sareng Popper.js sateuacanna.

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

Pangatur pakét

Tarik file sumber Bootstrap kana ampir sagala proyék sareng sababaraha manajer pakét anu pang populerna. Henteu masalah manajer pakét, Bootstrap ngabutuhkeun kompiler Sass sareng Autoprefixer pikeun setelan anu cocog sareng versi kompilasi resmi kami.

npm

Pasang Bootstrap dina aplikasi Node.js anjeun nganggo pakét npm :

npm install bootstrap

require('bootstrap')bakal ngamuat sakabéh plugins jQuery Bootstrap kana objék jQuery. Modul bootstrapsorangan henteu ngekspor nanaon. Anjeun tiasa sacara manual ngamuat plugins jQuery Bootstrap sacara individual ku ngamuat /js/*.jsfile dina diréktori tingkat luhur pakét.

Bootstrap package.jsonngandung sababaraha metadata tambahan dina konci ieu:

  • sass- jalur ka file sumber Sass utama Bootstrap
  • style- jalur ka CSS non-minified Bootstrap anu tos dikompilasi nganggo setélan standar (henteu kustomisasi)

benang

Pasang Bootstrap dina aplikasi Node.js anjeun nganggo pakét benang :

yarn add bootstrap

RubyGems

Pasang Bootstrap dina aplikasi Ruby anjeun nganggo Bundler ( disarankeun ) sareng RubyGems ku nambihan garis ieu kana Gemfile:

gem 'bootstrap', '~> 4.4.1'

Alternatipna, upami anjeun henteu nganggo Bundler, anjeun tiasa masang permata ku ngajalankeun paréntah ieu:

gem install bootstrap -v 4.4.1

Tingali README permata pikeun detil salajengna.

Komposer

Anjeun ogé tiasa masang sareng ngatur Bootstrap's Sass sareng JavaScript nganggo Composer :

composer require twbs/bootstrap:4.4.1

NuGet

Upami anjeun ngembangkeun dina .NET, anjeun ogé tiasa masang sareng ngatur CSS Bootstrap atanapi Sass sareng JavaScript nganggo NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass