May 29, 2021 Article blog
Bootstrap is one of the most commonly used front-end development frameworks, and it is popular with front-end developers for its high stability, responsiveness, and free open source features. S o what's the difference between bootstrap3 and bootstrap4? This article tells you.
| The writing language is different |
Bootstrap3 is developed in
Less
language and bootstrap4 is written in
Sass
language
|
| Grid classes are different |
Bootstrap3 has four rasters, namely, a col-xs-adapted mobile phone, a small (col-sm-) fit tablet, a medium (col-md-) fit computer, and a large (col-lg-) fit widescreen computer.
Bootstrap4 has five rasters: small (col-xs-), small (col-sm-), medium (col-md-), large (col-lg-), and extra-large (col-xl-). |
| The layout is different |
Bootstrap3 uses
float
layout and bootstrap4 uses
flexbox
layout.
|
| The use of units is different |
bootstrap3 uses
px
units, bootstrap4 uses
rem
and
em
units (except for some margin and padding use px)
|
That's the difference between bootstrap3 and bootstrap4.