bootstrap3 和 bootstrap4 的区别

猿友 2021-03-16 15:41:10 浏览数 (4250)

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 的区别。