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