内容 | Contents

内容

在这一节我们将了解在 Bootstrap 中包含了什么,包括预编译和源代码风格。请注意,Bootstrap 中的 JavaScript 需要依赖 jQuery。

预编译引导

下载后,解压缩文件夹,您将看到如下内容:

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

这是最基本的引导形式:预编译的文件,用于在几乎任何Web项目中快速插入使用。我们提供编译后的CSS和JS%28bootstrap.*%29,以及编译和缩小CSS和JS%28bootstrap.min.*29%。CSS源图%28bootstrap.*.map%29可用于某些浏览器的开发工具。

CSS文件比较

CSS filesLayoutContentComponentsUtilities
bootstrap.css bootstrap.min.cssAllAllAllAll
bootstrap-grid.css bootstrap-grid.min.cssOnly grid systemNoNoOnly flex utilities
bootstrap-reboot.css bootstrap-reboot.min.cssNoOnly RebootNoNo

引导源代码

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

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

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