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.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.js
    ├── bootstrap.js.map
    ├── bootstrap.min.js
    └── bootstrap.min.js.map

这是 Bootstrap 最基本的形式：预编译文件，几乎可以在任何 Web 项目中快速使用。提供编译版 CSS 和 JS（bootstrap.），以及编译并压缩后的 CSS 和 JS（bootstrap.min.）。

---

CSS 文件说明

Bootstrap 提供几种不同用途的 CSS 文件，按需选择：

CSS 文件	布局	内容	组件	工具类
bootstrap.css / bootstrap.min.css	包含	包含	包含	包含
bootstrap-grid.css / bootstrap-grid.min.css	仅网格系统	不包含	不包含	仅 flex 工具类
bootstrap-reboot.css / bootstrap-reboot.min.css	不包含	仅 Reboot（重置样式）	不包含	不包含

说明：

• bootstrap.css / bootstrap.min.css：完整版，包含全部样式，日常开发直接用这个即可。
• bootstrap-grid.css：只包含网格系统和 flex 工具类，适合只需要布局、不需要组件样式的场景。
• bootstrap-reboot.css：只包含 Reboot（基于 normalize.css 的样式重置），适合在已有项目中统一浏览器默认样式。

---

JS 文件说明

JS 文件	包含 Popper.js	包含 jQuery
bootstrap.bundle.js / bootstrap.bundle.min.js	包含	不包含
bootstrap.js / bootstrap.min.js	不包含	不包含

说明：

• bootstrap.bundle.min.js：已内置 Popper.js，引用时不需要再单独引 Popper.js，但仍需单独引 jQuery。
• bootstrap.min.js：不含 Popper.js，需要手动引 jQuery + Popper.js。

实际项目中推荐直接用 bootstrap.bundle.min.js，少引一个文件。

---

Bootstrap 源代码

源代码下载包含预编译的 CSS 和 JS 资产，以及源 Sass、JavaScript 和文档。目录结构：

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

各目录说明：

• scss/：CSS 源码，基于 Sass 编写，可自定义变量后重新编译。
• js/：JavaScript 源码，插件按模块拆分。
• dist/：和预编译下载部分内容一致，已编译好的 CSS 和 JS。
• site/docs/：文档源码和官方示例。
• 其他文件：包配置、许可证、构建脚本等开发支持文件。