Bootstrap設計原理

1. Bootstrap做者設計它目的是什麼，或者說它想解決什麼問題。

如下是Bootstrap官網對Bootstrap的解釋。

1.1 Bootstrap2

簡潔、直觀、強悍的前端開發框架，讓web開發更迅速、簡單。

1.2 Bootstrap3

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式佈局、移動設備優先的 WEB 項目。

1.3 Bootstrap4

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式佈局、移動設備優先的 WEB 項目。

2x與3x的區別，3x開始默認移動端優先，也就是默認把這個網頁看成是移動端的，這樣的好處是，不過你是否是移動端我都只須要一開始寫上view就能夠了。

從最初的目的來看Bootstrap主要是讓使用者能夠快速的開發出一個網站來，而且同時還具有響應式的功能，從這兩點出發的話，使用Bootstrap來開發網站確定會比較囊腫一些，由於它的主要目的是快速，天然就會集成不少的組件，但你也許並不須要，雖然咱們能夠手動將本身須要的代碼copy過來，但相對來講仍是麻煩了些，總的來講它比較適合那些想要快速開始，而且不須要特別精確的項目。

2. 在使用bootstrap的js模塊時必須引入jquery，那麼爲何它不直接集成在內部，而是讓咱們本身去引入？

若是直接集成在bootstrap中，若是你項目使用的是其餘版本的jquery，那麼可能就會起衝突，全部乾脆讓使用者本身引入。

3. 爲何偏移要根據列偏移

由於做者也不知道你要偏移多少啊。

4. 爲何boostrap能夠應用不一樣尺寸的樣式。

由於那些col是設置在媒體查詢裏面的。

5. class寫兩個仍是一個好？如:

<button class="btn btn-error"></buttn>

仍是

<button class="btn-error"></buttn>

起兩個的話比較直觀，可是比較麻煩，若是用一個能夠使用屬性選擇器，判斷裏面是否包含btn，經過這個給予基本樣式，但也有個問題是若是想在js中獲取這個元素就比較麻煩一些，細細想來若是要深挖，只寫一個仍是存在着一些問題，最終考慮仍是寫兩個比較好。

6. 爲何禁用樣式不直接給disabled設置而是給其餘顏色class設置

這樣多是爲了單一職責，由於disabled只是爲了禁用的，並且若是咱們直接給disabled設置，咱們也不肯定什麼顏色和如今的樣式匹配。

7. bootstrap爲何要給container設置左右padding而後又給row設置父margin來抵消container的padding。

也許是做者默認想留一點空隙，但若是裏面有col的話，col通常會給內填充，那樣的話第一個和最後一個的間距就會比其餘的大，所以這樣設計仍是比較合理的。