Зміст

Дізнайтеся, що включено в Bootstrap, зокрема наші попередньо скомпільовані та вихідні коди.

На цій сторінці

Попередньо скомпільований 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) включають Popper .

файли 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.1/
│              └── examples/
├── js/
└── scss/

І scss/є js/вихідним кодом для наших CSS і JavaScript. Папка містить усе , dist/що перелічено у попередньо скомпільованому розділі завантаження вище. site/docs/Папка містить вихідний код для нашої документації та examples/використання Bootstrap . Окрім цього, будь-який інший включений файл забезпечує підтримку пакетів, інформацію про ліцензію та розробку.