內容

了解 Bootstrap 軟件包中所包含的內容，包括預編譯和源碼文件。

On this page

預編譯的 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.0/
│              └── examples/
├── js/
└── scss/

scss/ 和 js/ 目錄下放置的是我們的 CSS 和 JavaScript 源碼。dist/ 目錄下放置的是預編譯的文件，就像前面“預編譯 Bootstrap 文件”章節所列出的內容。site/docs/ 目錄放置的是我們的文檔源碼，examples/ 目錄下放置的是 Bootstrap 的用法示例。除此之外，任何其它文件都是輔助性文件，例如為軟件包、許可證信息和開發提供輔助作用。