Source

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.

Kompilyatsiya qilingan CSS va JS

Loyihangizga osongina kirish uchun Bootstrap v4.4.1 uchun foydalanishga tayyor kompilyatsiya kodini yuklab oling , jumladan:

  • Kompilyatsiya qilingan va kichiklashtirilgan CSS to'plamlari ( CSS fayllarini taqqoslashga qarang )
  • Kompilyatsiya qilingan va kichiklashtirilgan JavaScript plaginlari

Bunga hujjatlar, manba fayllar yoki ixtiyoriy JavaScript bogʻliqliklari (jQuery va Popper.js) 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:

  • CSS-ni kompilyatsiya qilish uchun Sass kompilyatori (Libsass yoki Ruby Sass qo'llab-quvvatlanadi).
  • CSS sotuvchisi prefiksi uchun avtoprefiksator

Agar sizga qurish vositalari kerak bo'lsa , ular Bootstrap va uning hujjatlarini ishlab chiqish uchun kiritilgan, ammo ular sizning shaxsiy maqsadlaringizga mos kelmasligi mumkin.

Yuklab olish manbasi

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Agar siz bizning kompilyatsiya qilingan JavaScript-dan foydalanayotgan bo'lsangiz, undan oldin jQuery va Popper.js ning CDN versiyalarini qo'shishni unutmang.

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" 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

require('bootstrap')jQuery ob'ektiga barcha Bootstrap jQuery plaginlarini yuklaydi. Modulning bootstrapo'zi hech narsani eksport qilmaydi. /js/*.jsPaketning yuqori darajadagi katalogi ostidagi fayllarni yuklash orqali Bootstrap jQuery 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)

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', '~> 4.4.1'

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

gem install bootstrap -v 4.4.1

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

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