Мазмуну

Bootstrap'те эмнелер камтылганын, анын ичинде биздин компиляцияланган жана баштапкы код даамдарын билип алыңыз.

Бул бетте

Compiled Bootstrap

Жүктөлүп алынгандан кийин, кысылган папканы ачыңыз жана сиз төмөнкүдөй нерсени көрөсүз:

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

Бул Bootstrapтин эң негизги формасы: дээрлик бардык веб-долбоорлордо тез колдонуу үчүн компиляцияланган файлдар. Биз компиляцияланган CSS жана JS ( bootstrap.*), ошондой эле компиляцияланган жана кичирейтилген CSS жана JS ( bootstrap.min.*) менен камсыз кылабыз. Булак карталары ( bootstrap.*.map) белгилүү бир браузерлердин иштеп чыгуучу куралдары менен колдонуу үчүн жеткиликтүү. Топтолгон JS файлдары ( bootstrap.bundle.jsжана кичирейтилген bootstrap.bundle.min.js) Попперди камтыйт .

CSS файлдары

Bootstrap компиляцияланган CSSтин айрымдарын же бардыгын камтыган бир нече варианттарды камтыйт.

CSS файлдары	Макет	Мазмун	Компоненттер	Утилиталар
`bootstrap.css` `bootstrap.min.css` `bootstrap.rtl.css` `bootstrap.rtl.min.css`	камтылган	камтылган	камтылган	камтылган
`bootstrap-grid.css` `bootstrap-grid.rtl.css` `bootstrap-grid.min.css` `bootstrap-grid.rtl.min.css`	Бир гана тор системасы	—	—	Жөн гана ийкемдүү кызматтар
`bootstrap-utilities.css` `bootstrap-utilities.rtl.css` `bootstrap-utilities.min.css` `bootstrap-utilities.rtl.min.css`	—	—	—	камтылган
`bootstrap-reboot.css` `bootstrap-reboot.rtl.css` `bootstrap-reboot.min.css` `bootstrap-reboot.rtl.min.css`	—	Жөн гана кайра жүктөө	—	—

JS файлдары

Ошо сыяктуу эле, бизде компиляцияланган JavaScript'тин айрымдарын же баарын кошууга мүмкүнчүлүктөрү бар.

JS файлдары	Поппер
`bootstrap.bundle.js` `bootstrap.bundle.min.js`	камтылган
`bootstrap.js` `bootstrap.min.js`	–

Bootstrap булак коду

Bootstrap булак кодун жүктөө компиляцияланган CSS жана JavaScript активдерин, булак Sass, JavaScript жана документтерди камтыйт. Тагыраак айтканда, ал төмөнкүлөрдү жана башкаларды камтыйт:

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

жана биздин CSS жана JavaScript үчүн баштапкы коду болуп саналат scss/. js/Папка жогоруда түзүлгөн dist/жүктөө бөлүмүндө саналган нерселердин баарын камтыйт. site/content/docs/Папка биздин жайгаштырылган документтерибиздин баштапкы кодун, анын ичинде Bootstrap колдонуунун жандуу мисалдарын камтыйт .

Андан тышкары, башка камтылган файл пакеттерге, лицензиялык маалыматка жана иштеп чыгууга колдоо көрсөтөт.