Bootstrap 4参考手册
快速开始 | Getting started
内容 | 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/
引导带的用法。除此之外,任何其他包含的文件都提供对包、许可信息和开发的支持。
快速开始 | Getting started相关
Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。
主页 | https://getbootstrap.com/ |
源码 | https://github.com/twbs/bootstrap |
版本 | 4 |
发布版本 | 4.0.0-beta.2 |