bootstrap3 和 bootstrap4 的区别
2021-03-16 15:41:10
浏览数 (4276)
bootstrap 是常用的前端开发框架之一，它以其稳定性高，响应速度快，免费开源的特性广受前端开发人员的喜爱。那么 bootstrap3 和 bootstrap4 的区别在哪里呢？这篇文章告诉你。
bootstrap3 和bootstrap4 的区别：
| 编写语言不同 | bootstrap3 用 Less 语言开发，bootstrap4 用 Sass 语言编写 |
| 栅格类不同 | bootstrap3 有四种栅格，分别是特小（col-xs-）适配手机、小（col-sm-）适配平板、中（col-md-）适配电脑、大（col-lg-）适配宽屏电脑。
bootstrap4 有五种栅格，分别是特小（col-xs-）、小（col-sm-）、中（col-md-）、大（col-lg-）、特大（col-xl-）。 |
| 布局方式不同 | bootstrap3 使用 float 的布局方式，bootstrap4 采用flexbox布局方式。 |
| 使用单位不同 | bootstrap3 使用px为单位，bootstrap4 使用rem和em为单位（除部分 margin 和 padding 使用 px） |
以上就是 bootstrap3 和 bootstrap4 的区别。