Ngundeur
Unduh Bootstrap pikeun kéngingkeun CSS sareng JavaScript anu disusun, kode sumber, atanapi kalebet sareng manajer pakét karesep anjeun sapertos npm, RubyGems, sareng seueur deui.
Disusun CSS jeung JS
Unduh kode anu disusun siap dianggo pikeun Bootstrap v5.1.3 supados gampang dilebetkeun kana proyék anjeun, anu kalebet:
- Bundel CSS anu disusun sareng diminimalkeun (tingali perbandingan file CSS )
- Plugin JavaScript anu disusun sareng diminimalkeun (tingali perbandingan file JS )
Ieu henteu kalebet dokuméntasi, file sumber, atanapi katergantungan JavaScript pilihan sapertos Popper.
File sumber
Kompilkeun Bootstrap sareng pipa aset anjeun nyalira ku ngaunduh file Sass, JavaScript, sareng dokuméntasi sumber kami. Pilihan ieu peryogi sababaraha alat tambahan:
- Sass compiler pikeun kompilasi file sumber Sass kana file CSS
- Autoprefixer pikeun CSS vendor prefixing
Upami anjeun meryogikeun set lengkep alat- alat ngawangun kami , aranjeunna kalebet pikeun ngembangkeun Bootstrap sareng dokumenna, tapi sigana henteu cocog pikeun tujuan anjeun nyalira.
Contona
Upami anjeun hoyong unduh sareng pariksa conto kami , anjeun tiasa nyandak conto anu parantos diwangun:
CDN via jsDelivr
Leupaskeun undeuran nganggo jsDelivr pikeun ngirimkeun versi cache tina CSS sareng JS anu dikompilasi Bootstrap ka proyék anjeun.
<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>
Upami anjeun nganggo JavaScript anu disusun kami sareng langkung milih ngalebetkeun Popper nyalira, tambahkeun Popper sateuacan JS kami, langkung saé ngalangkungan CDN.
<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>
Pangatur pakét
Tarik file sumber Bootstrap kana ampir sagala proyék sareng sababaraha manajer pakét anu pang populerna. Henteu masalah manajer pakét, Bootstrap ngabutuhkeun kompiler Sass sareng Autoprefixer pikeun setelan anu cocog sareng versi kompilasi resmi kami.
npm
Pasang Bootstrap dina aplikasi Node.js anjeun nganggo pakét npm :
npm install bootstrap
const bootstrap = require('bootstrap')atanapi import bootstrap from 'bootstrap'bakal ngamuat sadaya plugins Bootstrap kana hiji bootstrapobyék. Modul bootstrapsorangan ékspor sadaya plugins urang. Anjeun tiasa ngamuat plugins Bootstrap sacara manual ku cara ngamuat /js/dist/*.jsfile dina diréktori tingkat luhur pakét.
Bootstrap package.jsonngandung sababaraha metadata tambahan dina konci ieu:
sass- jalur ka file sumber Sass utama Bootstrapstyle- jalur ka CSS non-minified Bootstrap anu tos dikompilasi nganggo setélan standar (henteu kustomisasi)
benang
Pasang Bootstrap dina aplikasi Node.js anjeun nganggo pakét benang :
yarn add bootstrap
RubyGems
Pasang Bootstrap dina aplikasi Ruby anjeun nganggo Bundler ( disarankeun ) sareng RubyGems ku nambihan garis ieu kana Gemfile:
gem 'bootstrap', '~> 5.1.3'
Alternatipna, upami anjeun henteu nganggo Bundler, anjeun tiasa masang permata ku ngajalankeun paréntah ieu:
gem install bootstrap -v 5.1.3
Tingali README permata pikeun detil salajengna.
Komposer
Anjeun ogé tiasa masang sareng ngatur Bootstrap's Sass sareng JavaScript nganggo Composer :
composer require twbs/bootstrap:5.1.3
NuGet
Upami anjeun ngembangkeun dina .NET, anjeun ogé tiasa masang sareng ngatur CSS Bootstrap atanapi Sass sareng JavaScript nganggo NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass