Unduh Bootstrap untuk mendapatkan CSS dan JavaScript yang dikompilasi, kode sumber, atau sertakan dengan manajer paket favorit Anda seperti npm, RubyGems, dan banyak lagi.

Kompilasi CSS dan JS

Unduh kode terkompilasi yang siap digunakan untuk Bootstrap v4.6.2 agar mudah masuk ke proyek Anda, yang meliputi:

Ini tidak termasuk dokumentasi, file sumber, atau dependensi JavaScript opsional (jQuery dan Popper).

Unduh

File sumber

Kompilasi Bootstrap dengan saluran aset Anda sendiri dengan mengunduh file Sass, JavaScript, dan dokumentasi sumber kami. Opsi ini memerlukan beberapa alat tambahan:

Jika Anda memerlukan set lengkap alat build kami , mereka disertakan untuk mengembangkan Bootstrap dan dokumennya, tetapi kemungkinan besar tidak cocok untuk tujuan Anda sendiri.

Unduh sumber

Contoh

Jika Anda ingin mengunduh dan memeriksa contoh kami , Anda dapat mengambil contoh yang sudah dibuat:

Unduh Contoh

jsDelivr

Lewati unduhan dengan jsDelivr untuk mengirimkan versi cache dari CSS dan JS Bootstrap yang dikompilasi ke proyek Anda.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

Jika Anda menggunakan JavaScript terkompilasi kami dan lebih suka menyertakan Popper secara terpisah, tambahkan Popper sebelum JS kami, melalui CDN sebaiknya.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>

Manajer paket

Tarik file sumber Bootstrap ke hampir semua proyek dengan beberapa manajer paket paling populer. Tidak peduli manajer paket, Bootstrap akan memerlukan kompiler Sass dan Autoprefixer untuk pengaturan yang cocok dengan versi kompilasi resmi kami.

npm

Instal Bootstrap di aplikasi bertenaga Node.js Anda dengan paket npm :

npm install bootstrap

require('bootstrap')akan memuat semua plugin jQuery Bootstrap ke objek jQuery. Modul bootstrapitu sendiri tidak mengekspor apa pun. Anda dapat secara manual memuat plugin jQuery Bootstrap satu per satu dengan memuat /js/*.jsfile di bawah direktori tingkat atas paket.

Bootstrap package.jsonberisi beberapa metadata tambahan di bawah kunci berikut:

  • sass- jalur ke file sumber Sass utama Bootstrap
  • style- jalur ke CSS non-minified Bootstrap yang telah dikompilasi menggunakan pengaturan default (tanpa penyesuaian)
Mulailah dengan Bootstrap melalui npm dengan proyek awal kami! Buka repositori template twbs /bootstrap-npm-starter untuk melihat cara membuat dan menyesuaikan Bootstrap di proyek npm Anda sendiri. Termasuk kompiler Sass, Autoprefixer, Stylelint, PurgeCSS, dan Ikon Bootstrap.

benang

Instal Bootstrap di aplikasi bertenaga Node.js Anda dengan paket yarn :

yarn add bootstrap

RubyGems

Instal Bootstrap di aplikasi Ruby Anda menggunakan Bundler ( disarankan ) dan RubyGems dengan menambahkan baris berikut ke Gemfile:

gem 'bootstrap', '~> 4.6.2'

Atau, jika Anda tidak menggunakan Bundler, Anda dapat menginstal permata dengan menjalankan perintah ini:

gem install bootstrap -v 4.6.2

Lihat README permata untuk detail lebih lanjut.

Komposer

Anda juga dapat menginstal dan mengelola Sass dan JavaScript Bootstrap menggunakan Composer :

composer require twbs/bootstrap:4.6.2

NuGet

Jika Anda mengembangkan di .NET, Anda juga dapat menginstal dan mengelola CSS Bootstrap atau Sass dan JavaScript menggunakan NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass