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响应式的框架里面对屏幕分辨率,只是会通过自身宽度来定。

clip_image002

clip_image004

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/

posted @ 2016-08-01 14:06  陈意  阅读(430)  评论(0编辑  收藏  举报