了解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/
文件夹。除此之外,任何其他包含的文件都提供对包、许可证信息和开发的支持。