這篇文章給大家分享的是有關(guān)Bootstrap3和Bootstrap4的有什么區(qū)別的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
網(wǎng)站建設哪家好,找創(chuàng)新互聯(lián)建站!專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、成都微信小程序、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了霍邱免費建站歡迎大家使用!
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的柵格系統(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ā)更加快捷,它還有一個響應最好的Grid系統(tǒng),并且能夠在手機端通用,而Bootstrap是使用許多可重用的CSS和JavaScript組件,可以幫助實現(xiàn)需要的幾乎任何類型的網(wǎng)站的功能,此外,所有這些組件都是響應式的。
感謝各位的閱讀!關(guān)于“Bootstrap3和Bootstrap4的有什么區(qū)別”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!