Tarkib

Bootstrap-ga nimalar kiritilganligini, jumladan, oldindan tuzilgan va manba kodli lazzatlarimizni bilib oling.

Ushbu sahifada

Oldindan kompilyatsiya qilingan bootstrap

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

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

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. 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 .

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.rtl.css` `bootstrap.min.css` `bootstrap.rtl.min.css`	Kiritilgan	Kiritilgan	Kiritilgan	Kiritilgan
`bootstrap-grid.css` `bootstrap-grid.rtl.css` `bootstrap-grid.min.css` `bootstrap-grid.rtl.min.css`	Faqat tarmoq tizimi	—	—	Faqat moslashuvchan yordamchi dasturlar
`bootstrap-utilities.css` `bootstrap-utilities.rtl.css` `bootstrap-utilities.min.css` `bootstrap-utilities.rtl.min.css`	—	—	—	Kiritilgan
`bootstrap-reboot.css` `bootstrap-reboot.rtl.css` `bootstrap-reboot.min.css` `bootstrap-reboot.rtl.min.css`	—	Faqat qayta ishga tushirish	—	—

JS fayllari

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

JS fayllari	Popper
`bootstrap.bundle.js` `bootstrap.bundle.min.js`	Kiritilgan
`bootstrap.js` `bootstrap.min.js`	—

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/
├── site/
│   └──content/
│      └── docs/
│          └── 5.0/
│              └── 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 site/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.