Boostrap

基本認知：

Boostrap絕對是目前最流行用得最普遍的一款框架。它是一套優美，直觀而且給力的web設計工具包，能夠用來開發跨瀏覽器兼容而且美觀大氣的頁面。

Bootstrap的優缺點：

缺點：

1. 可能沒法知足設計稿的需求（有本身的css結構）

2. 對簡單頁面來講有些龐大（簡單頁面本身寫就行了，不用使用它的css框架）

3. 好幾層的結構嵌套（實現功能都是配合固定死的選擇器和容器展開）

優勢：

1. 快速制定一套團隊編碼規範（使用它的css結構比較統一）

2. 在熟悉的狀況下，開發速度快（有現成的組件和js插件能夠引用）

3. 有大量第三方模板、組件

4. 易於維護（快速更換主題和風格排版）

Boostrap各版本對瀏覽器兼容的問題：

V2：漸變凹凸風格的，就能夠選擇採用Bootstrap2來進行開發兼容IE8甚至是IE7和IE6;

V3：扁平化設計風格，移動設備爲先。採用Bootstrap3兼容高級瀏覽器以下：

Chrome (Mac、Windows、iOS和Android)，

firefox(Mac、Windows)，

safari (只支持Mac和iOS版，Windows版已經基本死掉了)，

opera (Mac、Windows)，

360瀏覽器（極速模式，

搜狗瀏覽器，可是：IE8及IE11下樣式沒法顯示。

V4：文件小，支持v3；更好支持移動設備。

各類設備的適配問題：

網站和應用能在 Bootstrap 的幫助下經過同一份代碼快速、有效適配手機、平板、PC 設備。

它不能作APP可是能夠作移動端的網頁，bootstrap有響應式佈局能夠在手機、平板和臺式端以網頁的形式顯示。

Bootstrap響應式的框架裏面對屏幕分辨率，只是會經過自身寬度來定。

Bootstrap 後臺管理系統網頁案例查看：

查看數據：

http://www.cssmoban.com/cssthemes/5327.shtml

博客發表:

http://source.iteblog.com/ace/form-elements.html（http://www.iteblog.com/archives/1254）

數據統計後臺網站：

http://www.js-css.cn/divcss/admin/Se7en/

(http://www.js-css.cn/a/css/template/bootstrap/2014/0704/1241.html)

後臺風格列表

http://www.woshipm.com/pd/93533.html

企業官網：

http://www.templategarden.com/preview/spectrum/

我的博客

http://www.templategarden.com/preview/invictus/

電商購買

https://shapebootstrap.net/