Unduh
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 v5.0.2 agar mudah masuk ke proyek Anda, yang meliputi:
- Kumpulan CSS yang dikompilasi dan diperkecil (lihat perbandingan file CSS )
- Plugin JavaScript yang dikompilasi dan diperkecil (lihat perbandingan file JS )
Ini tidak termasuk dokumentasi, file sumber, atau dependensi JavaScript opsional seperti Popper.
File sumber
Kompilasi Bootstrap dengan saluran aset Anda sendiri dengan mengunduh file Sass, JavaScript, dan dokumentasi sumber kami. Opsi ini memerlukan beberapa alat tambahan:
- Kompiler Sass untuk mengkompilasi file sumber Sass ke dalam file CSS
- Autoprefixer untuk awalan vendor CSS
Jika Anda memerlukan set lengkap alat build kami , mereka disertakan untuk mengembangkan Bootstrap dan dokumennya, tetapi kemungkinan besar tidak cocok untuk tujuan Anda sendiri.
Contoh
Jika Anda ingin mengunduh dan memeriksa contoh kami , Anda dapat mengambil contoh yang sudah dibuat:
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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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 bootstrap
objek. Modul bootstrap
itu sendiri mengekspor semua plugin kami. Anda dapat memuat plugin Bootstrap secara manual satu per satu dengan memuat /js/dist/*.js
file di bawah direktori tingkat atas paket.
Bootstrap package.json
berisi beberapa metadata tambahan di bawah kunci berikut:
sass
- jalur ke file sumber Sass utama Bootstrapstyle
- jalur ke CSS non-minified Bootstrap yang telah dikompilasi menggunakan pengaturan default (tanpa penyesuaian)
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.0.2'
Atau, jika Anda tidak menggunakan Bundler, Anda dapat menginstal permata dengan menjalankan perintah ini:
gem install bootstrap -v 5.0.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:5.0.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