這篇文章給大家分享的是有關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（即使大多兼容，依然不推薦）；
Bootstrap是目前最受歡迎的前端框架，它是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷，它還有一個響應最好的Grid系統，并且能夠在手機端通用，而Bootstrap是使用許多可重用的CSS和JavaScript組件，可以幫助實現需要的幾乎任何類型的網站的功能，此外，所有這些組件都是響應式的。
感謝各位的閱讀！關于“Bootstrap3和Bootstrap4的有什么區別”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
