首页 >web前端 >Bootstrap教程 >bootstrap3和2的区别是什么

bootstrap3和2的区别是什么

WBOY
WBOY原创
2022-02-11 15:02:222048浏览

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

bootstrap3和2的区别是什么

本教程操作环境: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应用不得不去兼容它们。

所以在选择一个框架之前,你必须对自己的客户群体有所了解,从而对兼容性进行取舍。

相关推荐:bootstrap教程

以上是bootstrap3和2的区别是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn