Rumah >hujung hadapan web >Tutorial Bootstrap >bootstrap3和4有什么区别

bootstrap3和4有什么区别

藏色散人
藏色散人asal
2019-07-12 11:48:2010657semak imbas

bootstrap3和4有什么区别

Bootstrap3和Bootstrap4区别

首先引入Bootstrap3和4官网连接; Bootstrap3 VS Bootstrap4.

不同点

11f7d3ba652f23e8813ae81533e398f.png

注:

Bootstrap3的4种栅格:

特小(col-xs-) 适配手机(<768px)

小(col-sm-) 适配平板(≥768px)

中(col-md-) 适配电脑(≥992px)

大(col-lg-) 适配宽屏电脑(≥1200px)

Bootstrap4的5种栅格:

特小(col-)(<576px)

小(col-sm-)(≥576px)

中(col-md-)(≥768px)

大(col-lg-) (≥992px)

特大(col-xl-)(≥1200px)

Bootstrap4特点

新增网格层适配了移动端;

全面引入ES6新特性(重写所有JavaScript插件);

css文件减少了至少40%;

所有文档都用Markdown编辑器重写;

放弃对IE8的支持

相关推荐:《bootstrap教程

Atas ialah kandungan terperinci bootstrap3和4有什么区别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:什么是bootstrap框架Artikel seterusnya:bootstrap如何设置表格单选按钮