溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Bootstrap3和Bootstrap4的有什么區(qū)別

發(fā)布時間:2021-05-14 11:43:47 來源:億速云 閱讀:148 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關(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是什么

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é)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節(jié)

免責聲明:本站發(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)容。

AI