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/