What is the difference between bootstrap3 and 4?

Differences: 1. bootstrap3 has four grid classes, bootstrap4 has five grid classes; 2. bootstrap3 uses px as the unit, bootstrap4 uses rem and em as the unit; 3. bootstrap3 uses float layout, bootstrap4 Use flex layout.

The operating environment of this tutorial: Windows10 system, bootstrap3.3.7 version, DELL G3 computer

What is the difference between bootstrap3 and 4

Bootsrap3 uses float layout, while Bootstrap uses flex layout

The grid system in Bootstrap4 does not need to add a specified number of columns, such as row. There are 2 cols in it and the rows will be divided evenly at any size

Bootstrap3 has only 4 kinds of raster types: (col-xs extra small, col-sm small, col-md, medium col-lg large)

Bootstrap4 has 5 kinds of raster types, (col -Extra small, col-sm-small, col-md-medium, col-lg-large, col-xl-extra large)

Bootstrap4 uses rem as the unit

Bootstrap4 sets the column offset When passing offset-sm-4, Bootstrap3 passes col-sm-offset-4

Bootstrap4 adds responsive containers such as container-sm, container-md..., when the screen size is smaller than the grid class It will fill the entire screen

Related recommendations: bootstrap tutorial

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