了解Bootstrap中包含的内容,包括我们的预编译和源代码风格。记住,Bootstrap的JavaScript插件需要jQuery。

预编译的 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.*)。 source maps (bootstrap.*.map) 可用于某些浏览器的开发工具。捆绑的JS文件 (bootstrap.bundle.js 和 压缩版 bootstrap.bundle.min.js) 包含 Popperr,但不包括 jQuery

CSS 文件

Bootstrap 包含了一些选项,用于包含一些或所有已编译的CSS。

CSS 文件 布局(Layout) 内容(Content) 组件(Components) 工具类(Utilities)
bootstrap.css
bootstrap.min.css
Included Included Included Included
bootstrap-grid.css
bootstrap-grid.min.css
Only grid system Not included Not included Only flex utilities
bootstrap-reboot.css
bootstrap-reboot.min.css
Not included Only Reboot Not included Not included

JS 文件

类似地,我们可以选择包含部分或全部已编译的JavaScript。

JS 文件 Popper jQuery
bootstrap.bundle.js
bootstrap.bundle.min.js
Included Not included
bootstrap.js
bootstrap.min.js
Not included Not included

Bootstrap 源码

Bootstrap 源代码下载包括预编译的CSS和JavaScript资产,以及源Sass、JavaScript和文档。更具体地说,它包括以下内容及更多内容:

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── site/
│   └──content/
|      └──docs/
|         └── 4.6/
|             └── examples/
├── js/
└── scss/

scss/js/ 是我们的CSS和JavaScript的源代码。dist/文件夹包括上面预编译下载部分中列出的所有内容。site/docs/ 文件夹包括我们文档的源代码和Bootstrap的使用示例examples/文件夹。除此之外,任何其他包含的文件都提供对包、许可证信息和开发的支持。