Unduh

Kompilasi CSS dan JS

Unduh kode terkompilasi yang siap digunakan untuk Bootstrap v5.2.1 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.

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:

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

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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" 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 [email protected]

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)

benang

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

yarn add [email protected]

RubyGems

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.1

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

NuGet

Jika Anda mengembangkan di .NET Framework, Anda juga dapat menginstal dan mengelola CSS Bootstrap atau Sass dan JavaScript menggunakan NuGet . Proyek yang lebih baru harus menggunakan libman atau metode lain karena NuGet dirancang untuk kode yang dikompilasi, bukan aset frontend.

Install-Package bootstrap

Install-Package bootstrap.sass