Мазмуну

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.rtl.css` `bootstrap.min.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.0/
│              └── examples/
├── js/
└── scss/

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