本篇文章给大家介绍一下Bootstrap3和Bootstrap4的差异。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
Bootstrap3和Bootstrap4的差异
Bootstrap3 |
Bootstrap4 |
|---|---|
| Less预处理 | Sass预处理 |
|
bootstrap3 共有4种栅格类，依次是： 特小(col-xs-) （<=768px） 小(col-sm-) （>=768px） 中(col-md-) （>=992px） 大(col-lg-) （>=1200px） |
Bootstrap 4 共有5种栅格类，依次是： 特小(col-) （<576px） 小(col-sm-) （>=576px） 中(col-md-) （>=768px） 大(col-lg-) （>=992px） 特大(col-xl-) （>=1200px） |
| bootstrap3的栅格系统是使用浮动（float）的布局方式 | Bootstrap 4使用弹性盒模型（flexbox）的布局方式 |
| 使用px为单位 | 使用rem和em为单位（除部分margin和padding使用px） |
Bootstrap4特点
新增网格层适配了移动端；
全面引入ES6新特性（重写所有JavaScript插件）；
css文件减少了至少40%；
所有文档都用Markdown编辑器重写；
支持Internet Explorer 10及更高版本，不支持IE9（即使大多兼容，依然不推荐）；
更多编程相关知识，请访问：编程视频！！
Atas ialah kandungan terperinci 浅谈Bootstrap3和Bootstrap4的差异. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kod yang biasa digunakan dalam bahasa html
Bagaimana untuk mendapatkan kod status http dalam PHP
Algoritma penjadualan cakera
Apa yang perlu dilakukan jika terdapat konflik IP
Perbezaan antara menyembunyikan kad bebas dan membuka topeng
Mengapa telefon saya terus dimulakan semula?
Apakah perisian Penguin?
Telefon tidak boleh bersambung ke set kepala Bluetooth
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
