Langkau ke kandungan utama Langkau ke navigasi dokumen
Check
in English

Muat turun

Muat turun Bootstrap untuk mendapatkan CSS dan JavaScript yang disusun, kod sumber atau sertakan dengan pengurus pakej kegemaran anda seperti npm, RubyGems dan banyak lagi.

Pada halaman ini

CSS dan JS yang disusun

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

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:

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

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 [email protected]

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 disusun menggunakan tetapan lalai (tiada penyesuaian)
Mulakan dengan Bootstrap melalui npm dengan projek permulaan kami! Pergi ke repositori templat twbs/bootstrap-npm-starter untuk melihat cara membina dan menyesuaikan Bootstrap dalam projek npm anda sendiri. Termasuk ikon pengkompil Sass, Autoprefixer, Stylelint, PurgeCSS dan Bootstrap.

benang

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

yarn add [email protected]

RubyGems

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.1

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

NuGet

Jika anda membangun dalam Rangka Kerja .NET, anda juga boleh memasang dan mengurus CSS atau Sass dan JavaScript Bootstrap menggunakan NuGet . Projek yang lebih baru harus menggunakan libman atau kaedah lain kerana NuGet direka untuk kod yang disusun, bukan aset frontend.

Install-Package bootstrap

Install-Package bootstrap.sass