Ngundhuh

Kompilasi CSS lan JS

Download kode kompilasi sing siap digunakake kanggo Bootstrap v5.2.1 supaya gampang dilebokake ing proyek sampeyan, kalebu:

• Bundel CSS sing dikompilasi lan dikurangi (deleng perbandingan file CSS )
• Plugin JavaScript sing dikompilasi lan diminimalisir (ndeleng perbandingan file JS )

Iki ora kalebu dokumentasi, file sumber, utawa dependensi JavaScript opsional kaya Popper.

Ngundhuh

File sumber

Kompilasi Bootstrap nganggo pipa aset sampeyan kanthi ngundhuh file Sass, JavaScript, lan dokumentasi sumber kita. Opsi iki mbutuhake sawetara perkakas tambahan:

• Sass compiler kanggo kompilasi file sumber Sass menyang file CSS
• Autoprefixer kanggo CSS vendor prefixing

Yen sampeyan mbutuhake set lengkap alat mbangun , padha kalebu kanggo ngembangake Bootstrap lan dokumen, nanging padha ora cocog kanggo tujuan sampeyan dhewe.

Ngundhuh sumber

Tuladha

Yen sampeyan pengin ndownload lan mriksa conto kita , sampeyan bisa njupuk conto sing wis dibangun:

Download Tuladha

CDN liwat jsDelivr

Skip download nganggo jsDelivr kanggo ngirim versi cache saka CSS lan JS kompilasi Bootstrap menyang proyek sampeyan.

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

Yen sampeyan nggunakake JavaScript sing dikompilasi lan luwih seneng nglebokake Popper kanthi kapisah, tambahake Popper sadurunge JS kita, luwih becik liwat CDN.

<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

Narik file sumber Bootstrap menyang meh kabeh proyek karo sawetara manajer paket sing paling populer. Ora preduli manajer paket, Bootstrap mbutuhake kompiler Sass lan Autoprefixer kanggo persiyapan sing cocog karo versi kompilasi resmi kita.

npm

Instal Bootstrap ing aplikasi Node.js sampeyan nganggo paket npm :

npm install [email protected]

const bootstrap = require('bootstrap')utawa import bootstrap from 'bootstrap'bakal mbukak kabeh plugin Bootstrap menyang bootstrapobyek. Modul bootstrapkasebut dhewe ngekspor kabeh plugin kita. Sampeyan bisa mbukak plugin Bootstrap kanthi manual kanthi ngemot /js/dist/*.jsfile ing direktori tingkat paling dhuwur paket kasebut.

Bootstrap package.jsonngemot sawetara metadata tambahan ing ngisor iki:

• sass- path menyang file sumber Sass utama Bootstrap
• style- path menyang CSS non-minified Bootstrap sing wis dikompilasi nggunakake setelan gawan (ora kustomisasi)

tenunan

Instal Bootstrap ing aplikasi Node.js sampeyan kanthi paket benang :

yarn add [email protected]

RubyGems

Instal Bootstrap ing aplikasi Ruby sampeyan nggunakake Bundler ( disaranake ) lan RubyGems kanthi nambahake baris ing ngisor iki menyang Gemfile:

gem 'bootstrap', '~> 5.2.1'

Utawa, yen sampeyan ora nggunakake Bundler, sampeyan bisa nginstal permata kanthi nggunakake printah iki:

gem install bootstrap -v 5.2.1

Waca README permata kanggo rincian liyane.

Pengarang

Sampeyan uga bisa nginstal lan ngatur Bootstrap's Sass lan JavaScript nggunakake Composer :

composer require twbs/bootstrap:5.2.1

NuGet

Yen sampeyan ngembangake ing .NET Framework, sampeyan uga bisa nginstal lan ngatur CSS utawa Sass lan JavaScript Bootstrap nggunakake NuGet . Proyèk anyar kudu nggunakake libman utawa cara liya amarga NuGet dirancang kanggo kode kompilasi, dudu aset frontend.

Install-Package bootstrap

Install-Package bootstrap.sass