相信大家对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版本的朋友有所帮助,你也可以留下自己的看法,共同探讨。

Bootstrap2和3的区别与选择指南相关推荐

  1. Bootstrap2和3的区别与选择

    为什么80%的码农都做不了架构师?>>>    相信大家对Bootstrap都已经不陌生了,这个在网站建设领域赫赫有名的前端开发框架可谓是受到了全球前端工程师的推崇. 不过自从推出了 ...

  2. php 抽象类 接口 区别,PHP中抽象类、接口的区别与选择分析

    本文实例分析了PHP中抽象类.接口的区别与选择.分享给大家供大家参考,具体如下: 区别: 1.对接口的使用是通过关键字implements.对抽象类的使用是通过关键字extends.当然接口也可以通过 ...

  3. 【2020任燕翔-考研专业院校选择指南】【计算机考研——针对教材、攻略】

    2020任燕翔-考研专业院校选择指南

  4. 网页静态化和网页伪静态化之间的区别与选择

    网页静态化和网页伪静态化,如果我们是一个不懂网站的人估计听到这些词可能会比较头晕,王晟璟在刚开始接触并尝试建设自己的个人博客网站的时候也是如此,看了很多关于这方面的资料也还是云里雾里的,不过后面终于整 ...

  5. 1核2G云服务器 标准型S4 S5,腾讯云服务器标准型S4和S5配置性能参数区别及选择攻略...

    腾讯云服务器标准型S4和标准型S5实例有什么区别?标准型S5相对于S4是新一代云服务器规格,S5实例CPU采用2.5GHz主频至强Cascade Lake,S4实例处理器采用2.4GHz主频至强Sky ...

  6. Memcached与Redis的区别和选择

    一.Memcached简介 Memcached是一个自由开源的,高性能,分布式内存对象缓存系统. Memcached是以LiveJournal旗下Danga Interactive公司的Brad Fi ...

  7. mse python_MSE与MAE的区别与选择

    MSE与MAE的区别与选择 1.均方误差(也称L2损失) 均方误差(MSE)是最常用的回归损失函数,计算方法是求预测值与真实值之间距离的平方和,公式如图. 2.平均绝对值误差(也称L1损失) 平均绝对 ...

  8. allegro中10mil过孔_Allegro PCB设计之过孔选择指南

    Allegro PCB 设计之过孔选择指南 VIA8-10G8182840NO 用于 10G 信号 VIA8-BGA8182828NO 用于 0.8mmbga 区域 VIA8-GEN818282813 ...

  9. 【PyQt】Qt中QMainWindow, QWidget以及QDialog的区别和选择

    PyQt中MainWindow, QWidget以及Dialog的区别和选择 1. Qt界面分类 在Qt Designer设计界面时,首先需要选择界面模板,主要分为三个类: 1. Main Windo ...

最新文章

  1. AI技术出海 - 阿里云GPU服务器助力旷视勇夺4项世界第一
  2. python解析器_Python Python解析器
  3. lightoj 1063 求割点
  4. Zookeeper+kafka集群搭建,问题(zoo.cfg file is running,it‘s probably not running,option ‘UseCompressedOops‘)
  5. mysql unlix下载_系统(PHP的MySQL的版本:showmov3.0)平台:Win和Linux / unlix其他发
  6. nginx在linux自动启动脚本,nginx的自动启动脚本
  7. 【译】NoClassDefFoundError和ClassNotFoundException的不同
  8. 序列化(串行化)- 使用BinaryFormatter进行序列化
  9. 【报告分享】2020年金融科技十大关键词.pdf(附下载链接)
  10. [Hadoop in China 2011] 淘宝OceanBase打造结构化NoSQL数据库
  11. android之签名md5
  12. 用LaTeX输出离散数学符号表
  13. 新东方托福词汇(List 01 ~ List 05)
  14. 51单片机游戏(推箱子)
  15. 【程序人生】有个程序员男朋友是什么体验?被公开吐槽
  16. Windows未能启动,状态:0xc000014c的解决方法
  17. 真正解决Word中表格首行字母或首列字母(首字母)大写的问题
  18. 使用gomail发送邮件
  19. java ios 3des_3DES在Android、Ios 和Java 平台的加密解密
  20. [Java]源码角度深入理解哈希表,手撕常见面试题

热门文章

  1. 金蝶shr入职、转正、离职单据反审批出错,改单据状态对应的表
  2. c语言局域网聊天源代码,局域网聊天的程序(C++版)
  3. 精简 java 库 for LumaQQ
  4. 湫湫系列故事——减肥记I(HDU-4808)
  5. java模拟登录百度_模拟登陆百度的Java实现
  6. PHP使用自带的ZipArchive类,实现压缩文件目录
  7. GE IFix OPC服务分析
  8. OSG第三方库编译之二十五:webp编译(Windows、Linux、Macos环境下编译)
  9. CVX介绍——求解器
  10. u盘不能拷贝超过4g的大文件吗?