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.