了解 Bootstrap 软件包中所包含的内容,包括预编译和源码文件。
预编译的 Bootstrap 文件
下载并解压后,你将看到文件夹中包含如下文件:
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-grid.rtl.css
│ ├── bootstrap-grid.rtl.css.map
│ ├── bootstrap-grid.rtl.min.css
│ ├── bootstrap-grid.rtl.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap-reboot.rtl.css
│ ├── bootstrap-reboot.rtl.css.map
│ ├── bootstrap-reboot.rtl.min.css
│ ├── bootstrap-reboot.rtl.min.css.map
│ ├── bootstrap-utilities.css
│ ├── bootstrap-utilities.css.map
│ ├── bootstrap-utilities.min.css
│ ├── bootstrap-utilities.min.css.map
│ ├── bootstrap-utilities.rtl.css
│ ├── bootstrap-utilities.rtl.css.map
│ ├── bootstrap-utilities.rtl.min.css
│ ├── bootstrap-utilities.rtl.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap.rtl.css
│ ├── bootstrap.rtl.css.map
│ ├── bootstrap.rtl.min.css
│ └── bootstrap.rtl.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.esm.js
├── bootstrap.esm.js.map
├── bootstrap.esm.min.js
├── bootstrap.esm.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
) 包含了 Popper。
CSS 文件
Bootstrap 为你提供了一些选择,你可以引入部分或全部预编译的 CSS。
CSS 文件 | Layout | Content | Components | Utilities | |
---|---|---|---|---|---|
bootstrap.css bootstrap.rtl.css bootstrap.min.css bootstrap.rtl.min.css | 已包含 | 已包含 | 已包含 | 已包含 | |
bootstrap-grid.css bootstrap-grid.rtl.css bootstrap-grid.min.css bootstrap-grid.rtl.min.css | Only grid system | — | — | Only flex utilities | |
bootstrap-utilities.css bootstrap-utilities.rtl.css bootstrap-utilities.min.css bootstrap-utilities.rtl.min.css | — | — | — | 已包含 | |
bootstrap-reboot.css bootstrap-reboot.rtl.css bootstrap-reboot.min.css bootstrap-reboot.rtl.min.css | — | Only Reboot | — | — |
JS 文件
类似的,我们还提供了一些选择,你可以引入部分或全部的预编译 JavaScript。
JS 文件 | Popper |
---|---|
bootstrap.bundle.js bootstrap.bundle.min.js | 已包含 |
bootstrap.js bootstrap.min.js | — |
Bootstrap 源码
下载的 Bootstrap 源码包括预编译的 CSS 和 JavaScript 资源,以及 Sass、JavaScript 和文档源码。更具体地说,它包括以下甚至更多内容:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.1/
│ └── examples/
├── js/
└── scss/
scss/
和 js/
目录下放置的是我们的 CSS 和 JavaScript 源码。dist/
目录下放置的是预编译的文件,就像前面“预编译 Bootstrap 文件”章节所列出的内容。site/docs/
目录放置的是我们的文档源码,examples/
目录下放置的是 Bootstrap 的用法示例。除此之外,任何其它文件都是辅助性文件,例如为软件包、许可证信息和开发提供辅助作用。
作者:唐伯虎点蚊香,如若转载,请注明出处:https://www.web176.com/bootstrap5/22568.html