您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)Bootstrap3和Bootstrap4的有什么區(qū)別的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
Bootstrap3和Bootstrap4的差異
Bootstrap3 | Bootstrap4 |
---|---|
Less預(yù)處理 | Sass預(yù)處理 |
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的柵格系統(tǒng)是使用浮動(float)的布局方式 | Bootstrap 4使用彈性盒模型(flexbox)的布局方式 |
使用px為單位 | 使用rem和em為單位(除部分margin和padding使用px) |
Bootstrap4特點
新增網(wǎng)格層適配了移動端;
全面引入ES6新特性(重寫所有JavaScript插件);
css文件減少了至少40%;
所有文檔都用Markdown編輯器重寫;
支持Internet Explorer 10及更高版本,不支持IE9(即使大多兼容,依然不推薦);
Bootstrap是目前最受歡迎的前端框架,它是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發(fā)更加快捷,它還有一個響應(yīng)最好的Grid系統(tǒng),并且能夠在手機端通用,而Bootstrap是使用許多可重用的CSS和JavaScript組件,可以幫助實現(xiàn)需要的幾乎任何類型的網(wǎng)站的功能,此外,所有這些組件都是響應(yīng)式的。
感謝各位的閱讀!關(guān)于“Bootstrap3和Bootstrap4的有什么區(qū)別”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。