文档章节

Bootstrap2和3的区别与选择

6pker
 6pker
发布于 2014/12/27 23:45
字数 814
阅读 678
收藏 19



相信大家对Bootstrap都已经不陌生了,这个在网站建设领域赫赫有名的前端开发框架可谓是受到了全球前端工程师的推崇。
不过自从推出了Bootstrap3版本以来,国内很多朋友都在Boostrap2和3的选择上头疼不已,这两者之间到底该如何取舍呢?


BOOTSTRAP2和3的区别

在之前的文章中,我们着重对Bootstrap3的新特性做了详细介绍,有兴趣的朋友可以参考一下。
从这些新特性中我们可以看到,Bootstrap3之于Bootstrap2最大的变化是移动优先扁平化设计、以及浏览器兼容性方面。
所以我们的选择主要还是通过这三点的比较来进行。


移动优先角度

在移动优先方面,Bootstrap3做得要比Bootstrap2好得多(虽然Bootstrap2也并不差),由于Foundation的巨大成功以及响应式布局的极大潜力,Bootstrap3也开始在移动端发力。
所以如果你想要通过响应式技术来使得自己的网站建设项目能够在PC、平板以及手机上同时有足够优秀的视觉效果与用户体验,那么你就可以毫不犹豫地选择Bootstrap3了。
具体Bootstrap3的响应式效果可以通过我们的免费博客主题Zanblog来了解一二。


设计风格角度

免去一些不必要的设计烦恼是前端程序员选择前端开发框架的重要原因之一,按钮、字体、导航栏、登录框等等元素在Bootstrap中都有对应的样式可以采用。
所以如果你是喜欢渐变凹凸风格的,就可以选择采用Bootstrap2来进行开发;反之,如果你喜欢扁平化设计风格,那么就可以采用Bootstrap3了。
由于Bootstrap在国内的普及,大多数网站都采用了Bootstrap2的整套UI来开发一些web应用,所以较为小众的Bootstrap3应该可以让你的web应用脱颖而出。


浏览器兼容性角度

浏览器兼容性,一直是前端工程师心中拔不去的刺,IE8、IE7甚至IE6在国内的占有率迫使很多web应用不得不去兼容它们。
所以在选择一个框架之前,你必须对自己的客户群体有所了解,从而对兼容性进行取舍。
如果你需要兼容IE8甚至是IE7和IE6,那么只能选择Bootstrap2,虽然它自身在IE6的效果也并不完美。
但是倘若你跟随时代的脚步,并且面向的客户也很高端大气上档次地选择只需要兼容高级浏览器,那么Bootstrap3就是你不二的选择。



bootstrap3:

  • 全新设计的风格和可选主题
  • 面向移动优先和响应式设计
  • 全新定制
  • 默认更好的盒子模型
  • 超强的表格系统
  • 重新了 JavaScript 插件
  • 新的图标字体
  • 导航条的大改进
  • 模态对话框更好的响应式效果
  • 组件的维护(新增和删除)
  • 文档的完善
  • 不再支持 IE7 和 Firefox 3.6

本文转载自:http://blog.sina.com.cn/s/blog_90e614f10101lkft.html

上一篇: java泛型问题
下一篇: Linux常用命令
6pker
粉丝 54
博文 97
码字总数 59252
作品 0
浦东
程序员
私信 提问
SelectPage 1.1 发布,多功能下拉分页选择插件

SelectPage 1.1 发布了。 更新内容 SelectPage 1.1 版本针对 Bootstrap3 版本进行了兼容,解决在 Bootstrap3 环境下使用时样式排版混乱问题。 多功能下拉选择插件 功能特点 基于jQuery、Boo...

TerryZ
2017/06/24
1K
3
SelectPage v1.2 发布,多功能下拉分页选择插件

更新内容: 修复界面上排版内容较少时,列表会向上展示开的问题 增加多选模式下的控制按钮区域,功能:“全选本页”、“取消本页”、“清空全部” 修复最大宽度下超出父容器的宽度问题 修复a...

TerryZ
2017/08/09
2.3K
13
多功能下拉分页选择插件 - SelectPage

多功能下拉选择插件 SelectPage 简洁而强大的下拉分页选择器;支持远程数据(AJAX)、 autocomplete、键盘快速导航操作、分页展示、多选标签、i18n国际化支持等多功能的选择器插件 入门指南、...

TerryZ
2017/06/13
11.8K
12
SelectPage v2.3 发布,新增无 UI 框架支持

下拉分页选择插件 SelectPage v2.3 发布了,插件更新内容: 修复在查询关键字状态下,分页数据没有被更新,导致分页按钮功能不正常问题 清理整理内部对象 修复多选模式下,若设置了最大选中项...

TerryZ
2017/08/24
1K
2
可跳转可异步的分页插件--bPage

bPage 基于jQuery、Bootstrap2、3进行开发,支持页面跳转、异步页面、异步数据等多模式的独立分页插件 插件预览效果(分页栏) 插件使用入门、API文档、使用实例 请访问 https://terryz.git...

TerryZ
2017/07/16
4.5K
6

没有更多内容

加载失败,请刷新页面

加载更多

【1015】LNMP架构二

【1015】LNMP架构二 三、PHP安装 PHP安装和LAMP安装PHP方法有差别,需要开启php-fpm服务 1、下载PHP7至/usr/local/src/ 切换目录:cd /usr/local/src 2、解压缩 tar -jxvf php-7.3.0.tar.gz...

飞翔的竹蜻蜓
30分钟前
3
0
浅谈Visitor访问者模式

一、前言 什么叫访问,如果大家学过数据结构,对于这点就很清晰了,遍历就是访问的一般形式,单独读取一个元素进行相应的处理也叫作访问,读取到想要查看的内容+对其进行处理就叫作访问,那么...

青衣霓裳
48分钟前
6
0
JS内嵌多个页面,页面之间如何更快捷的查找相关联的页面

假设parent为P页面, P页面有两个子页面,分别为B页面和C页面; B页面和C页面分别内嵌一个iframe,分别为:D页面和E页面 现在通过B页面的内嵌页面D的方法refreshEpage(eUrl)来加载内嵌页面E的内容...

文文1
49分钟前
7
0
Hibernate 5 升级后 getProperties 错误

升级到 Hibernate 5 后,提示有错误: org.hibernate.engine.spi.SessionFactoryImplementor.getProperties()Ljava/util/Map; 完整的错误栈为: java.lang.NoSuchMethodError: org.hibernate......

honeymoose
51分钟前
6
0
mysql-connector-java升级到8.0后保存时间到数据库出现了时差

在一个新项目中用到了新版的mysql jdbc 驱动 <dependency>     <groupId>mysql</groupId>     <artifactId>mysql-connector-java</artifactId>     <version>8.0.18</version> ......

ValSong
54分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部