内容 | 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 files | Layout | Content | Components | Utilities |
---|---|---|---|---|
bootstrap.css bootstrap.min.css | All | All | All | All |
bootstrap-grid.css bootstrap-grid.min.css | Only grid system | No | No | Only flex utilities |
bootstrap-reboot.css bootstrap-reboot.min.css | No | Only Reboot | No | No |
引导源代码
Bootstrap源代码下载包括预编译的CSS和JavaScript资产,以及源代码Sass、JavaScript和文档。更具体地说,它包括以下内容和更多内容:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
大scss/
和js/
是CSS和JavaScript的源代码。大dist/
文件夹包括上面预编译下载部分中列出的所有内容。大docs/
文件夹包括我们文档的源代码,以及examples/
引导带的用法。除此之外,任何其他包含的文件都提供对包、许可信息和开发的支持。