杭州网站建设
1411月

Bootstrap2和3的区别与选择指南

Bootstrap该2还是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就是你不二的选择。


写在文章最后

希望这篇文章对还在头疼如何选择Bootstrap版本的朋友有所帮助,你也可以留下自己的看法,共同探讨。


版权属于:佚站互联 - 杭州网站建设

原文地址:http://www.yeahzan.com/blog/item/42-81.html

转载时必须以链接形式注明原始出处及本声明。

文章作者: Benz , 文章分类: 网站建设

关于作者

Benz

评论 (3)

  • 有点蓝

    有点蓝

    2013-11-14 09:32:52 |
    学习了,不知道代码盲想入门用这个做主题,难度大不大?
    • Benz

      Benz

      2013-11-15 10:05:27 |
      如果要自制主题,除了HTML和CSS之外,还需要掌握一定的JavaScript和后台代码。比如你用WP,就要学点PHP,实际上难度并不大。祝你成功:-)
  • 源泉

    源泉

    2014-10-12 19:09:45 |
    Good job!

发表评论

请登陆后发表评论。