bootstrap - 包的構成

咱們從使用角度，暫時不想要查看bootstrap的源代碼，而是直接使用它預編譯好的包。包內容以下：

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── 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

包括有：

1. 編譯好的CSS和JS (bootstrap.)，和壓縮過的css，JS (bootstrap.min.)

2. 還有一個CSS source map文件 (bootstrap.*.map) ，這個文件有些瀏覽器的開發工具須要它

3. 來自Glyphicons的字體圖標

4. 可選的Bootstrap theme（主題）

稍做解釋：

1.Bootstrap theme文件是什麼?其實就是bootstrap2.0的主題樣式。你能夠把html內對bootstrap.css的引用刪除，添加對此theme文件的引用，查看一樣的html組件下，樣式是有變化的。此文件也有CDN，供不想下載的人使用。地址以下：

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css

2.何爲字體圖標？字體圖標看起來就像圖標，實際上則是字體。和字體不一樣的地方在於，它的內容不是字母或者數字，而是圖形和符號。能夠使用css風格化這些字體，就像風格化通常的文字同樣。bootstrap默認提供來自Glyphicons的字體圖標，承載在字體文件中（在fonts目錄內）

3.何爲css source map文件？bootstrap的css文件誰有sass、less編譯而成的，當運行調試時，須要根據當前css的位置反推源代碼less、sass文件的代碼行。此sourcemap文件就是能夠幫助調試工具定位代碼行的。在編譯器技術領域，sourcemap是一個一樣的，從目標代碼反推源代碼代碼行的文件。