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应用脱颖而出。

浏览器兼容性角度

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

bootstrap3：

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