Bootstrap 提供了兩種形式的壓縮包,在下載下來的壓縮包內(nèi)可以看到以下目錄和文件,這些文件按照類別放到了不同的目錄內(nèi),并且提供了壓縮與未壓縮兩種版本。
Bootstrap 插件全部依賴 jQuery
請注意,Bootstrap 的所有 JavaScript 插件都依賴 jQuery,因此 jQuery 必須在 Bootstrap 之前引入,就像在基本模版中所展示的一樣。在 bower.json文件中 列出了 Bootstrap 所支持的 jQuery 版本。
下載壓縮包之后,將其解壓縮到任意目錄即可看到以下(壓縮版的)目錄結(jié)構(gòu):
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ └── bootstrap-theme.min.css
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2
上面展示的就是 Bootstrap 的基本文件結(jié)構(gòu):預(yù)編譯文件可以直接使用到任何 web 項目中。我們提供了編譯好的 CSS 和 JS (bootstrap.*) 文件,還有經(jīng)過壓縮的 CSS 和 JS (bootstrap.min.*) 文件。同時還提供了 CSS 源碼映射表 (bootstrap.*.map) ,可以在某些瀏覽器的開發(fā)工具中使用。同時還包含了來自 Glyphicons 的圖標(biāo)字體,在附帶的 Bootstrap 主題中使用到了這些圖標(biāo)。
Bootstrap 源碼包含了預(yù)先編譯的 CSS、JavaScript 和圖標(biāo)字體文件,并且還有 LESS、JavaScript 和文檔的源碼。具體來說,主要文件組織結(jié)構(gòu)如下:
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
less/、js/ 和 fonts/ 目錄分別包含了 CSS、JS 和字體圖標(biāo)的源碼。dist/ 目錄包含了上面所說的預(yù)編譯 Bootstrap 包內(nèi)的所有文件。docs/ 包含了所有文檔的源碼文件,examples/ 目錄是 Bootstrap 官方提供的實例工程。除了這些,其他文件還包含 Bootstrap 安裝包的定義文件、許可證文件和編譯腳本等。