內(nèi)容
了解 Bootstrap 軟件包中所包含的內(nèi)容，包括預(yù)編譯和源碼文件。
On this page
預(yù)編譯的 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 軟件包的基本內(nèi)容：預(yù)編譯的文件可以快速用于任何 web 項目。我們提供了經(jīng)過編譯的 CSS 和 JS (bootstrap.*) 文件，以及既編譯又壓縮的 CSS 和 JS (bootstrap.min.*) 文件。source maps (bootstrap.*.map) 文件可與某些瀏覽器的開發(fā)者工具協(xié)同使用。打成集成包的 JS 文件 （bootstrap.bundle.js 以及壓縮后的 bootstrap.bundle.min.js） 包含了 Popper。
CSS 文件
Bootstrap 為你提供了一些選擇，你可以引入部分或全部預(yù)編譯的 CSS。
| CSS 文件 | Layout | Content | Components | Utilities |
|---|---|---|---|---|
bootstrap.cssbootstrap.rtl.cssbootstrap.min.cssbootstrap.rtl.min.css |
已包含 | 已包含 | 已包含 | 已包含 |
bootstrap-grid.cssbootstrap-grid.rtl.cssbootstrap-grid.min.cssbootstrap-grid.rtl.min.css |
Only grid system | — | — | Only flex utilities |
bootstrap-utilities.cssbootstrap-utilities.rtl.cssbootstrap-utilities.min.cssbootstrap-utilities.rtl.min.css |
— | — | — | 已包含 |
bootstrap-reboot.cssbootstrap-reboot.rtl.cssbootstrap-reboot.min.cssbootstrap-reboot.rtl.min.css |
— | Only Reboot | — | — |
JS 文件
類似的，我們還提供了一些選擇，你可以引入部分或全部的預(yù)編譯 JavaScript。
| JS 文件 | Popper |
|---|---|
bootstrap.bundle.jsbootstrap.bundle.min.js |
已包含 |
bootstrap.jsbootstrap.min.js |
— |
Bootstrap 源碼
下載的 Bootstrap 源碼包括預(yù)編譯的 CSS 和 JavaScript 資源，以及 Sass、JavaScript 和文檔源碼。更具體地說，它包括以下甚至更多內(nèi)容：
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.0/
│ └── examples/
├── js/
└── scss/
scss/ 和 js/ 目錄下放置的是我們的 CSS 和 JavaScript 源碼。dist/ 目錄下放置的是預(yù)編譯的文件，就像前面“預(yù)編譯 Bootstrap 文件”章節(jié)所列出的內(nèi)容。site/docs/ 目錄放置的是我們的文檔源碼，examples/ 目錄下放置的是 Bootstrap 的用法示例。除此之外，任何其它文件都是輔助性文件，例如為軟件包、許可證信息和開發(fā)提供輔助作用。