A brief discussion on the differences between Bootstrap3 and Bootstrap4

This article will introduce to you the differences between Bootstrap3 and Bootstrap4. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

The difference between Bootstrap3 and Bootstrap4

Less preprocessingSass preprocessingThe grid system of bootstrap3 uses a floating (float) layout methodBootstrap 4 uses elasticity The layout method of the box model (flexbox)Use px as the unit Use rem and em as the unit (except for some margins and padding that use px)

##Bootstrap3	Bootstrap4
bootstrap3 has a total of 4 grid types, in order: Extra small (col-xs-) (<=768px) small (col-sm-) （>=768px） 中(col-md-) （>=992px） 大(col-lg-) （>=1200px）	Bootstrap 4 has a total of 5 grid types, in order: Extra small (col-) (<576px) Small (col-sm-) (> ;=576px) 中(col-md-) （>=768px） 大(col-lg-) （>=992px） Extra large( col-xl-) (>=1200px)

Bootstrap4 Features

• The new grid layer is adapted to the mobile terminal;

• Comprehensive introduction of ES6 new features (rewriting all JavaScript plug-ins);

• css files reduced by at least 40%;

• all documents All rewritten with Markdown editor;

• Supports Internet Explorer 10 and above, but does not support IE9 (even if most are compatible, it is still not recommended);

For more programming-related knowledge, please visit:

Programming Video! !

The above is the detailed content of A brief discussion on the differences between Bootstrap3 and Bootstrap4. For more information, please follow other related articles on the PHP Chinese website!