这篇文章给大家分享的是有关Bootstrap3和Bootstrap4的有什么区别的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了霍邱免费建站欢迎大家使用！
Bootstrap3和Bootstrap4的差异
Bootstrap3 | Bootstrap4 |
|---|---|
| Less预处理 | Sass预处理 |
bootstrap3 共有4种栅格类，依次是： 特小(col-xs-) （<=768px） 小(col-sm-) （>=768px） 中(col-md-) （>=992px） 大(col-lg-) （>=1200px） | Bootstrap 4 共有5种栅格类，依次是： 特小(col-) （<576px） 小(col-sm-) （>=576px） 中(col-md-) （>=768px） 大(col-lg-) （>=992px） 特大(col-xl-) （>=1200px） |
| bootstrap3的栅格系统是使用浮动（float）的布局方式 | Bootstrap 4使用弹性盒模型（flexbox）的布局方式 |
| 使用px为单位 | 使用rem和em为单位（除部分margin和padding使用px） |
Bootstrap4特点
新增网格层适配了移动端；
全面引入ES6新特性（重写所有JavaScript插件）；
css文件减少了至少40%；
所有文档都用Markdown编辑器重写；
支持Internet Explorer 10及更高版本，不支持IE9（即使大多兼容，依然不推荐）；
Bootstrap是目前最受欢迎的前端框架，它是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷，它还有一个响应最好的Grid系统，并且能够在手机端通用，而Bootstrap是使用许多可重用的CSS和JavaScript组件，可以帮助实现需要的几乎任何类型的网站的功能，此外，所有这些组件都是响应式的。
感谢各位的阅读！关于“Bootstrap3和Bootstrap4的有什么区别”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
