Boostrap

基本认知: css

Boostrap绝对是目前最流行用得最普遍的一款框架。它是一套优美,直观而且给力的web设计工具包,能够用来开发跨浏览器兼容而且美观大气的页面。 html

Bootstrap的优缺点: 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/

相关文章
相关标签/搜索