Asosiy tarkibga o'tish Hujjatlar navigatsiyasiga oʻtish
in English

Yuklab olish

Kompilyatsiya qilingan CSS va JavaScript, manba kodini olish uchun Bootstrap-ni yuklab oling yoki uni npm, RubyGems va boshqalar kabi sevimli paket menejerlariga qo'shing.

Ushbu sahifada

Kompilyatsiya qilingan CSS va JS

Loyihangizga osongina kirish uchun Bootstrap v5.0.2 uchun foydalanishga tayyor kompilyatsiya kodini yuklab oling , jumladan:

Bunga hujjatlar, manba fayllar yoki Popper kabi ixtiyoriy JavaScript bogʻliqliklari kirmaydi.

Yuklab olish

Manba fayllar

Sass, JavaScript va hujjat fayllarini yuklab olish orqali Bootstrap-ni o'z aktivlaringiz bilan kompilyatsiya qiling. Ushbu parametr qo'shimcha vositalarni talab qiladi:

Agar sizga qurilish vositalarining toʻliq toʻplami kerak boʻlsa , ular Bootstrap va uning hujjatlarini ishlab chiqish uchun kiritilgan, ammo ular sizning shaxsiy maqsadlaringizga mos kelmasligi mumkin.

Yuklab olish manbasi

Misollar

Agar siz bizning misollarimizni yuklab olishni va ko'rib chiqishni istasangiz , allaqachon qurilgan misollarni olishingiz mumkin:

Yuklab olish misollar

jsDelivr orqali CDN

Bootstrap-ning kompilyatsiya qilingan CSS va JS-ning keshlangan versiyasini loyihangizga etkazib berish uchun jsDelivr bilan yuklab olishni o'tkazib yuboring.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

Agar siz bizning kompilyatsiya qilingan JavaScript-dan foydalansangiz va Popperni alohida qo'shishni afzal ko'rsangiz, CDN orqali JSdan oldin Popperni qo'shing.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

Paket menejerlari

Bootstrap-ning manba fayllarini eng mashhur paket menejerlari bilan deyarli har qanday loyihaga torting. Paket menejeridan qat'i nazar, Bootstrap bizning rasmiy tuzilgan versiyalarimizga mos keladigan sozlash uchun Sass kompilyatori va Autoprefixerni talab qiladi .

npm

Bootstrap-ni npm paketi bilan Node.js bilan ishlaydigan ilovalaringizga o'rnating :

npm install bootstrap

const bootstrap = require('bootstrap')yoki barcha Bootstrap plaginlarini ob'ektga import bootstrap from 'bootstrap'yuklaydi . bootstrapModulning bootstrapo'zi barcha plaginlarimizni eksport qiladi. /js/dist/*.jsPaketning yuqori darajadagi katalogi ostidagi fayllarni yuklash orqali Bootstrap plaginlarini alohida-alohida qo'lda yuklashingiz mumkin .

Bootstrap- package.jsonda quyidagi kalitlar ostida qo'shimcha metadata mavjud:

  • sass- Bootstrap-ning asosiy Sass manba fayliga yo'l
  • style- standart sozlamalar yordamida oldindan tuzilgan Bootstrap-ning kichiklashtirilmagan CSS-ga yo'l (sozlash yo'q)
Boshlang'ich loyihamiz bilan npm orqali Bootstrap-ni ishga tushiring! O'zingizning npm loyihangizda Bootstrap-ni qanday yaratish va sozlashni ko'rish uchun twbs/bootstrap-npm-starter shablonlari omboriga o'ting. Sass kompilyatori, Autoprefixer, Stylelint, PurgeCSS va Bootstrap piktogrammalarini o'z ichiga oladi.

ip

Bootstrap-ni iplar to'plami bilan Node.js bilan ishlaydigan ilovalaringizga o'rnating :

yarn add bootstrap

RubyGems

Bootstrap-ni Ruby ilovalaringizga Bundler ( tavsiya etilgan ) va RubyGems -dan foydalanib , quyidagi qatorni qo'shib o'rnating Gemfile:

gem 'bootstrap', '~> 5.0.2'

Shu bilan bir qatorda, agar siz Bundler-dan foydalanmasangiz, ushbu buyruqni bajarib, marvaridni o'rnatishingiz mumkin:

gem install bootstrap -v 5.0.2

Qo'shimcha ma'lumot uchun marvaridning README- ga qarang.

Bastakor

Shuningdek, Composer yordamida Bootstrap-ning Sass va JavaScript-ni o'rnatishingiz va boshqarishingiz mumkin :

composer require twbs/bootstrap:5.0.2

NuGet

Agar siz .NET da ishlab chiqsangiz, NuGet yordamida Bootstrap CSS yoki Sass va JavaScript-ni oʻrnatishingiz va boshqarishingiz mumkin :

Install-Package bootstrap

Install-Package bootstrap.sass