内容

了解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最基本的形式：预编译文件，几乎可以在任何Web项目中快速插入使用。我们提供了预编译的CSS和JS(bootstrap.*)文件，以及编译并压缩的CSS和JS(bootstrap.min.*)文件。源码映射文件(bootstrap.*.map)可用于某些浏览器的开发工具。 bundle版本的JS文件（bootstrap.bundle.js包含了Popper，和压缩的版本bootstrap.bundle.min.js）。

CSS files

Bootstrap包含一些选项，用于包含部分或全部预编译的CSS。

CSS文件	布局(Layout)	内容	组件	实用程序
`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`	仅网格系统	—	—	仅flex实用程序
`bootstrap-utilities.css` `bootstrap-utilities.rtl.css` `bootstrap-utilities.min.css` `bootstrap-utilities.rtl.min.css`	—	—	—	Included
`bootstrap-reboot.css` `bootstrap-reboot.rtl.css` `bootstrap-reboot.min.css` `bootstrap-reboot.rtl.min.css`	—	仅Reboot	—	—

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.1/
  │              └── examples/
  ├── js/
  └── scss/

scss/和js/文件夹下是我们CSS和JavaScript的源码。 dist/文件夹中包括上面预编译部分中列出的所有内容。 site/docs/文件夹包含文档的源码，examples/文件夹包含Bootstrap的用法。其它文件是包，许可信息，和开发的支持文件。