Lewati ke konten utama Lewati ke navigasi dokumen

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 siap pakai untuk Bootstrap v5.1.3 agar mudah masuk ke proyek Anda, yang meliputi:

Ini tidak termasuk dokumentasi, file sumber, atau dependensi JavaScript opsional seperti 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

CDN melalui jsDelivr

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

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" 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/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" 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

const bootstrap = require('bootstrap')atau import bootstrap from 'bootstrap'akan memuat semua plugin Bootstrap ke sebuah bootstrapobjek. Modul bootstrapitu sendiri mengekspor semua plugin kami. Anda dapat memuat plugin Bootstrap secara manual satu per satu dengan memuat /js/dist/*.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', '~> 5.1.3'

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

gem install bootstrap -v 5.1.3

Lihat README permata untuk detail lebih lanjut.

Komposer

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

composer require twbs/bootstrap:5.1.3

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