內容 (Contents)

展示 Bootstrap 所含的內容,包括我們預先編譯的內容和原始程式碼風格。記住,Bootstrap 的 JavaScript 外掛程式需要 jQuery。

六角學院 六角學院

六角學院的 Bootstrap 課程上線囉,立即與萬人一同學習最專業、最深入的 Bootstrap 課程。

立即上課去 前端轉職經歷分享

預先編譯的 Bootstrap

一旦被下載,將壓縮的檔案解壓,然後會看見類似於如下的訊息:

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

這是用於快速加入幾乎任何網頁專案中的 Bootstrap (預先編譯好的基本形式)。我們提供了編譯好的 CSS 和 JS (bootstrap.*),以及最小化的 CSS 和 JS(bootstrap.min.*)。提供結合特定的瀏覽器開發者工具使用的 CSS source maps (bootstrap.*.map),包含 Js 檔案的版本 (bootstrap.bundle.js 和壓縮的 bootstrap.bundle.min.js) 內包含了 Popper,但不包含 jQuery

CSS 檔案

Bootstrap 包含一些有用的選項用來編譯 CSS。

CSS files Layout Content Components Utilities
bootstrap.css
bootstrap.min.css
Included Included Included Included
bootstrap-grid.css
bootstrap-grid.min.css
Only grid system Not included Not included Only flex utilities
bootstrap-reboot.css
bootstrap-reboot.min.css
Not included Only Reboot Not included Not included

JS 檔案

同樣的,我們提供一些選項來編譯 JavaScript。

JS files Popper jQuery
bootstrap.bundle.js
bootstrap.bundle.min.js
Included Not included
bootstrap.js
bootstrap.min.js
Not included Not included

Bootstrap 原始碼

Bootstrap 原始程式碼下載包括預先編譯的 CSS 和 JavaScript,以及原始 Sass、JavaScript。以下目錄則是這些內容:

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── docs/
│   └── examples/
├── js/
└── scss/

scss/js/ 屬於用於 CSS 和 JavaScript 的原始程式碼。dist/ 檔案夾包括上述編譯好的全部內容。docs/ 檔案夾包括了用於文檔的原始程式碼和 Bootstrap 使用的 examples/。除此之外,包含的任何其他檔案提供了套件、許可資訊和開發的支援。