Перейти к основному содержанию

Содержимое

Узнайте, что включено в Bootstrap, в том числе наши варианты предварительно скомпилированного и исходного кода.

Содержание

Предварительно скомпилированный Bootstrap

После загрузки распакуйте сжатую папку, и вы увидите что-то вроде этого:

bootstrap/
├── css/
│   ├── 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
│   ├── bootstrap-utilities.css
│   ├── bootstrap-utilities.css.map
│   ├── bootstrap-utilities.min.css
│   ├── bootstrap-utilities.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   └── bootstrap.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.*). source maps (bootstrap.*.map) доступны для использования с инструментами разработчика некоторых браузеров. Связанные файлы JS (bootstrap.bundle.js и минифицированные bootstrap.bundle.min.js) включают Popper.

CSS файлы

Bootstrap включает несколько вариантов для включения некоторых или всего нашего скомпилированного CSS.

CSS файлы Макет Содержание Составные части Утилиты
bootstrap.css
bootstrap.min.css
Включено Включено Включено Включено
bootstrap-grid.css
bootstrap-grid.min.css
Только сеточная система Только Flex утилиты
bootstrap-utilities.css
bootstrap-utilities.min.css
Включено
bootstrap-reboot.css
bootstrap-reboot.min.css
Только перезагрузка

JS файлы

Точно так же у нас есть варианты для включения части или всего нашего скомпилированного JavaScript.

JS файлы Popper
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/

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