Bootstrap2和3的区别与选择
为什么80%的码农都做不了架构师?>>>
相信大家对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
转载于:https://my.oschina.net/lock0818/blog/361434
Bootstrap2和3的区别与选择相关推荐
- Bootstrap2和3的区别与选择指南
相信大家对Bootstrap都已经不陌生了,这个在网站建设领域赫赫有名的前端开发框架可谓是受到了全球前端工程师的推崇. 不过自从推出了Bootstrap3版本以来,国内很多朋友都在Boostrap2和 ...
- php 抽象类 接口 区别,PHP中抽象类、接口的区别与选择分析
本文实例分析了PHP中抽象类.接口的区别与选择.分享给大家供大家参考,具体如下: 区别: 1.对接口的使用是通过关键字implements.对抽象类的使用是通过关键字extends.当然接口也可以通过 ...
- 网页静态化和网页伪静态化之间的区别与选择
网页静态化和网页伪静态化,如果我们是一个不懂网站的人估计听到这些词可能会比较头晕,王晟璟在刚开始接触并尝试建设自己的个人博客网站的时候也是如此,看了很多关于这方面的资料也还是云里雾里的,不过后面终于整 ...
- 1核2G云服务器 标准型S4 S5,腾讯云服务器标准型S4和S5配置性能参数区别及选择攻略...
腾讯云服务器标准型S4和标准型S5实例有什么区别?标准型S5相对于S4是新一代云服务器规格,S5实例CPU采用2.5GHz主频至强Cascade Lake,S4实例处理器采用2.4GHz主频至强Sky ...
- Memcached与Redis的区别和选择
一.Memcached简介 Memcached是一个自由开源的,高性能,分布式内存对象缓存系统. Memcached是以LiveJournal旗下Danga Interactive公司的Brad Fi ...
- mse python_MSE与MAE的区别与选择
MSE与MAE的区别与选择 1.均方误差(也称L2损失) 均方误差(MSE)是最常用的回归损失函数,计算方法是求预测值与真实值之间距离的平方和,公式如图. 2.平均绝对值误差(也称L1损失) 平均绝对 ...
- 【PyQt】Qt中QMainWindow, QWidget以及QDialog的区别和选择
PyQt中MainWindow, QWidget以及Dialog的区别和选择 1. Qt界面分类 在Qt Designer设计界面时,首先需要选择界面模板,主要分为三个类: 1. Main Windo ...
- 太原理工大学系统分析与设计实验报告实验室设备_塔斯马尼亚大学和皇家墨尔本理工大学的实验室医学硕士从学术和移民角度来看,有什么区别?选择哪一个更好?...
关键词:皇家墨尔本理工大学,塔斯马尼亚大学,实验室医学,医学检验,RMIT University, University of Tasmania, Laboratory Medicine, AIMS ...
- 英语中美音与英音的区别与选择
往期文章: 一.English语法 - 序章(重新认识英语) 二.English音标(全)与单词家园 三.英语语法-词法 四.英语语法-句法 五.English句子的原始模型分析 - 句法与词法.从句 ...
最新文章
- Vm-Tools 安装指南
- 06HTML基础--多媒体标签
- 面试之 listview优化
- 测试案例6种编写方法_一种编写测试的好方法
- Lecture 13 Amortized Analysis
- vs2013编译osg缺少mfc120d.lib
- SSL常用专业缩略语汇总
- Android 自定义View加属性动画实现动画时钟
- 魔方矩阵c语言,C语言 检验并打印魔方矩阵 在下面的5×5魔方矩阵中,每一行、每一列、...
- CMD 命令行实现 Windows 下复制文件到文件夹下的所有文件夹
- 电子负载使用恒电流和恒电阻负载模式的方法
- 内存(主存)(一般指电脑内存条)包含RAM(SRAM,DRAM),ROM,高速缓存(CACHE),SDRAM,DDRRAM
- win7点了计算机看不见硬盘,win7找不到硬盘怎么办_win7识别不到硬盘如何解决
- onHover(perform:) 悬停(SwiftUI 中文手册文档教程)
- 无广告、无推送、无新闻,这7款手机浏览器实用且优秀
- typora的 ctrl shift k 快捷键和搜狗的快捷键冲突了
- Graphics2D进行后台绘图
- 【CYH-01】小奔的国庆练习赛:赛后标程
- 手动安装Eclipse插件
- 管理学博士申请考核经验分享——信息收集篇