bootstrap3和bootstrap2有哪些区别

魁首哥

作者

bootstrap3和bootstrap2有哪些区别

这篇文章主要介绍了bootstrap3和bootstrap2有哪些区别的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇bootstrap3和bootstrap2有哪些区别文章都会有所收获，下面我们一起来看看吧。

bootstrap3和bootstrap2的区别：1、bootstrap3包含了移动设备优先的样式，而bootstrap2没有；2、bootstrap3采用扁平化的设计风格，而bootstrap2采用渐变凹凸风格。

本教程操作环境：Windows10系统、bootstrap3.3.7版、DELL G3电脑

bootstrap3和2的区别是什么

Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。

Bootstrap是一个易用、优雅、灵活、可扩展的前端工具包，里面包含了丰富的Web组件，包括布局、栅格、表格、表单、导航、按钮、进度条、媒体对象等，基于这些组件，可以快速搭建一个漂亮、功能完备的网站。由于Firefox、Chrome、Safari等主流浏览器对W3C标准有着较好的支持，因此，Bootstrap在网页夸浏览器兼容方面也有相当不错的表现。

bootstrap 2和3的区别

1、自Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式。

所以如果你想要通过响应式技术来使得自己的网站建设项目能够在PC、平板以及手机上同时有足够优秀的视觉效果与用户体验，那么你就可以毫不犹豫地选择Bootstrap3了。

2、Bootstrap2采用渐变凹凸风格，Bootstrap3采用扁平化设计风格

如果你是喜欢渐变凹凸风格的，就可以选择采用Bootstrap2来进行开发；反之，如果你喜欢扁平化设计风格，那么就可以采用Bootstrap3了。

3、bootstrap3的浏览器兼容性方面比Bootstrap2好

如果你需要兼容IE8甚至是IE7和IE6，那么只能选择Bootstrap2，虽然它自身在IE6的效果也并不完美。

bootstrap3和Bootstrap2的区别

Bootstrap3之于Bootstrap2最大的变化是移动优先、扁平化设计、以及浏览器兼容性方面。

Bootstrap2采用渐变凹凸风格，Bootstrap3采用扁平化设计风格。

浏览器兼容性角度

浏览器兼容性，一直是前端工程师心中拔不去的刺，IE8、IE7甚至IE6在国内的占有率迫使很多web应用不得不去兼容它们。