Source

Tarkib

Bootstrap-ga nimalar kiritilganligini, jumladan, oldindan tuzilgan va manba kodli lazzatlarimizni bilib oling. Esingizda bo'lsin, Bootstrap-ning JavaScript plaginlari jQuery-ni talab qiladi.

Oldindan kompilyatsiya qilingan bootstrap

Yuklab olingandan so'ng, siqilgan jildni oching va shunga o'xshash narsani ko'rasiz:

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-grid.css
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   └── bootstrap-reboot.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.min.js
    ├── bootstrap.js
    └── bootstrap.min.js

Bu Bootstrap ning eng asosiy shakli: deyarli har qanday veb-loyihada tez kirish uchun oldindan kompilyatsiya qilingan fayllar. Biz kompilyatsiya qilingan CSS va JS ( bootstrap.*), shuningdek kompilyatsiya qilingan va kichiklashtirilgan CSS va JS ( bootstrap.min.*) ni taqdim etamiz. CSS manba xaritalari ( bootstrap.*.map) muayyan brauzerlarning ishlab chiquvchi vositalari bilan foydalanish uchun mavjud. Birlashtirilgan JS fayllari ( bootstrap.bundle.jsva kichraytirilgan bootstrap.bundle.min.js) Popperni o'z ichiga oladi , lekin jQuery emas .

CSS fayllari

Bootstrap kompilyatsiya qilingan CSS-ning bir qismini yoki barchasini qo'shish uchun bir nechta variantlarni o'z ichiga oladi.

CSS fayllari	Tartib	Tarkib	Komponentlar	Utilitalar
`bootstrap.css` `bootstrap.min.css`	Kiritilgan	Kiritilgan	Kiritilgan	Kiritilgan
`bootstrap-grid.css` `bootstrap-grid.min.css`	Faqat tarmoq tizimi	Kirilmagan	Kirilmagan	Faqat moslashuvchan yordamchi dasturlar
`bootstrap-reboot.css` `bootstrap-reboot.min.css`	Kirilmagan	Faqat qayta ishga tushirish	Kirilmagan	Kirilmagan

JS fayllari

Xuddi shunday, bizda kompilyatsiya qilingan JavaScript-ning bir qismini yoki barchasini qo'shish imkoniyatlari mavjud.

JS fayllari	Popper	jQuery
`bootstrap.bundle.js` `bootstrap.bundle.min.js`	Kiritilgan	Kirilmagan
`bootstrap.js` `bootstrap.min.js`	Kirilmagan	Kirilmagan

Bootstrap manba kodi

Bootstrap manba kodini yuklab olish Sass, JavaScript manbalari va hujjatlar bilan birga oldindan kompilyatsiya qilingan CSS va JavaScript aktivlarini o'z ichiga oladi. Aniqroq aytganda, u quyidagilarni va boshqalarni o'z ichiga oladi:

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── docs/
│   └── examples/
├── js/
└── scss/

scss/va js/bizning CSS va JavaScript-ning manba kodidir . Jild dist/yuqoridagi oldindan kompilyatsiya qilingan yuklab olish bo'limida sanab o'tilgan barcha narsalarni o'z ichiga oladi. Jildda docs/bizning hujjatlarimiz va examples/Bootstrap-dan foydalanish uchun manba kodlari mavjud. Bundan tashqari, boshqa har qanday fayl paketlar, litsenziya ma'lumotlari va ishlab chiqish uchun yordam beradi.