bootstrap3 和 bootstrap4 的区别

2021-03-16 15:41:10 浏览数 (3)

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


0 人点赞