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/
电商购买