What is the difference between bootstrap4 and bootstrap3

Bootstrap is a simple, intuitive, and powerful front-end development framework based on HTML, CSS, and JavaScript, making web development faster. The following article will introduce to you the differences between bootstrap4 and bootstrap3. I hope it will be helpful to you.

The difference between bootstrap4 and bootstrap3

1. Different mobile priority settings

Bootstrap4:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Bootstrap3:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

2. The source code is written differently.

bootstrap4’s source code is written in Sass language The source code of bootstrap3 is written in Less language.

3. Different grid systems

Bootstrap 4 has 5 grid types, in order: extra small (col-), small (col-sm-), Medium (col-md-), large (col-lg-), extra large (col-xl-)

bootstrap3 There are 4 types of raster types, followed by extra small (col-xs-), small ( col-sm-), medium (col-md-), large (col-lg-)

4, different layout methods

Bootstrap 4 uses the flexible box model (flexbox) layout method, the offset column is set through the offset-class, for example: .offset-md-4 moves .col-md-4 four columns to the right. ;Bootstrap3 uses float layout method and uses push and pull to move left and right.

The above is the detailed content of What is the difference between bootstrap4 and bootstrap3. For more information, please follow other related articles on the PHP Chinese website!