Muat turun

CSS dan JS yang disusun

Muat turun kod tersusun sedia untuk digunakan untuk Bootstrap v5.1.3 untuk dimasukkan ke dalam projek anda dengan mudah, yang termasuk:

• Himpunan CSS yang disusun dan diperkecil (lihat perbandingan fail CSS )
• Pemalam JavaScript yang disusun dan diperkecilkan (lihat perbandingan fail JS )

Ini tidak termasuk dokumentasi, fail sumber atau sebarang kebergantungan JavaScript pilihan seperti Popper.

Muat turun

Fail sumber

Susun Bootstrap dengan saluran paip aset anda sendiri dengan memuat turun fail Sass, JavaScript dan dokumentasi sumber kami. Pilihan ini memerlukan beberapa alatan tambahan:

• Pengkompil Sass untuk menyusun fail sumber Sass ke dalam fail CSS
• Autoprefixer untuk awalan vendor CSS

Sekiranya anda memerlukan set lengkap alat binaan kami , ia disertakan untuk membangunkan Bootstrap dan dokumennya, tetapi ia mungkin tidak sesuai untuk tujuan anda sendiri.

Muat turun sumber

Contoh

Jika anda ingin memuat turun dan menyemak contoh kami , anda boleh ambil contoh yang telah dibina:

Muat turun Contoh

CDN melalui jsDelivr

Langkau muat turun dengan jsDelivr untuk menghantar versi cache bagi CSS dan JS yang dikompilasi oleh Bootstrap kepada projek 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 kompilasi kami dan lebih suka memasukkan Popper secara berasingan, tambah 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>

Pengurus pakej

Tarik fail sumber Bootstrap ke dalam hampir mana-mana projek dengan beberapa pengurus pakej yang paling popular. Tidak kira pengurus pakej, Bootstrap akan memerlukan pengkompil Sass dan Autoprefixer untuk persediaan yang sepadan dengan versi kompilasi rasmi kami.

npm

Pasang Bootstrap dalam aplikasi berkuasa Node.js anda dengan pakej npm :

npm install bootstrap

const bootstrap = require('bootstrap')atau import bootstrap from 'bootstrap'akan memuatkan semua pemalam Bootstrap pada bootstrapobjek. Modul bootstrapitu sendiri mengeksport semua pemalam kami. Anda boleh memuatkan pemalam Bootstrap secara manual secara individu dengan memuatkan /js/dist/*.jsfail di bawah direktori peringkat atas pakej.

Bootstrap package.jsonmengandungi beberapa metadata tambahan di bawah kekunci berikut:

• sass- laluan ke fail sumber Sass utama Bootstrap
• style- laluan ke CSS tidak dikecilkan Bootstrap yang telah dikompilasi menggunakan tetapan lalai (tiada penyesuaian)

benang

Pasang Bootstrap dalam apl berkuasa Node.js anda dengan pakej benang :

yarn add bootstrap

RubyGems

Pasang Bootstrap dalam apl Ruby anda menggunakan Bundler ( disyorkan ) dan RubyGems dengan menambah baris berikut pada anda Gemfile:

gem 'bootstrap', '~> 5.1.3'

Sebagai alternatif, jika anda tidak menggunakan Bundler, anda boleh memasang permata dengan menjalankan arahan ini:

gem install bootstrap -v 5.1.3

Lihat README permata untuk butiran lanjut.

Komposer

Anda juga boleh memasang dan mengurus Bootstrap's Sass dan JavaScript menggunakan Composer :

composer require twbs/bootstrap:5.1.3

NuGet

Jika anda membangun dalam .NET, anda juga boleh memasang dan mengurus CSS atau Sass dan JavaScript Bootstrap menggunakan NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass