Bootstrap2和3的区别与选择

相信大家对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
时间: 2024-10-24 20:38:11

Bootstrap2和3的区别与选择的相关文章

atitit.html5 vs 原生 app的区别与选择

atitit.html5  vs 原生 app的区别与选择 1. html5的优点 1 1.1. 最大优势::在跨平台(ios苹果,android安卓等) 1 1.2. 开放性 1 1.3. 快速的更新,热更新 2 1.4. 开发成本上 2 1.5. 碎片化 2 2. 原生app 应用的优点 2 2.1. 对游戏等要求性能的app更好 2 2.2. 原生应用最大的优势就是可以访问设备中的所有功能 2 2.3. 对摄像头.电话本,相机,游戏等操作支持的好,对语音,联系人和日历,也支持比较好. 2

查看Eclipse版本号的方法及各个版本区别 Eclipse选择标准

这篇文章主要介绍了查看Eclipse版本号的方法及各个版本区别 Eclipse选择标准,方便初学者选择适合自己的版本,需要的朋友可以参考下 Eclipse 是一个开放源代码的.基于Java的可扩展开发平台.就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境.幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK). 查看Eclipse版本号的方法 1. 找到eclipse安装目录 2. 进入readme文件夹,打

MyISAM与InnoDB两者之间区别与选择,详细总结,性能对比

原文:MyISAM与InnoDB两者之间区别与选择,详细总结,性能对比 1.MyISAM:默认表类型,它是基于传统的ISAM类型,ISAM是Indexed Sequential Access Method (有索引的顺序访问方法) 的缩写,它是存储记录和文件的标准方法.不是事务安全的,而且不支持外键,如果执行大量的select,insert MyISAM比较适合. 2.InnoDB:支持事务安全的引擎,支持外键.行锁.事务是他的最大特点.如果有大量的update和insert,建议使用InnoD

@import与link的区别与选择

link 1 <head> 2 <link rel="stylesheet" type="text/css" href="sheet1.css" media="all"> 3 </head> @import 1 <style type="text/css"> 2 @import url(sheet1.css); 3 </style> 区别 加载顺序

php中抽象类和接口的特点、区别和选择

一.特点: 1.抽象类特点 (1) 用 abstract 来修饰一个类,那么这个类就是抽象类:抽象类绝对不能被实例化,即$abc = new 抽象类名();会报错. (2) 用abstract 来修饰一个方法,那么该方法就是抽象方法: (3) 如果类中有一个抽象方法,那么该类就必须定义为抽象类:但反过来,抽象类里并不一定要有抽象方法.另外,抽象类里也可以有普通方法. (4) 抽象方法不能有方法体.即abstract function abc();------后面不能加大括号{.........}

php_mysql、php_mysqli 与 pdo_mysql 的区别与选择

php与mysql的连接有三种API接口,分别是:PHP的MySQL扩展 .PHP的mysqli扩展 .PHP数据对象(PDO) ,下面针对以上三种连接方式做下总结,以备在不同场景下选出最优方案. 一.特性及对比 PHP的MySQL扩展是设计开发允许PHP应用与MySQL数据库交互的早期扩展.mysql扩展提供了一个面向过程 的接口,并且是针对MySQL4.1.3或更早版本设计的.因此,这个扩展虽然可以与MySQL4.1.3或更新的数据库服务端 进行交互,但并不支持后期MySQL服务端提供的一些

CentOS,Ubuntu,Gentoo,Freebsd,RedHat,Debian的区别及选择

Linux最早由Linus Benedict Torvalds在1991年开始编写.在这之前,Richard Stallman创建了Free Software Foundation(FSF)组织以及GNU项目,并不断的编写创建GNU程序(此类程序的许可方式均为GPL: General Public License). AD: IBM POWER8通过一年充分融入了"开放"基因,现在有哪些成效?快来注册观看直播,一起拥抱开源的力量. --> Linux最早由Linus Benedi

Bootstrap2和3的区别

如果你需要兼容IE8甚至是IE7和IE6,那么只能选择Bootstrap2,虽然它自身在IE6的效果也并不完美.     但是倘若你跟随时代的脚步,并且面向的客户也很高端大气上档次地选择只需要兼容高级浏览器,那么Bootstrap3就是你不二的选择. 由于Bootstrap在国内的普及,大多数网站都采用了Bootstrap2的整套UI来开发一些web应用,所以较为小众的Bootstrap3应该可以让你的web应用脱颖而出. 总结:如果需要兼容IE678的话用2.如果需要高版本的浏览器,并且移动端

一个实际问题分析及解决之五:两种方法的区别和选择

前面两篇文章分别解释了在websphere环境下建立SSL连接的两种办法,那么一更进一步: 两者的区别是什么? 本质上两者是一样的都是通过JVM来建立socket连接,区别在于配置JVM socket连接方式. 两种配置方式的优先级? 系统变量方式的优先级高,会覆盖websphere的配置.具体可看下面一篇文章. http://www.ibm.com/developerworks/websphere/techjournal/0502_benantar/0502_benantar.html 如何选