這篇文章給大家分享的是有關(guān)bootstrap3和bootstrap4的區(qū)別是什么的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)專注于大足企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),商城網(wǎng)站制作。大足網(wǎng)站建設(shè)公司,為大足等地區(qū)提供建站服務(wù)。全流程按需設(shè)計網(wǎng)站，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

前言：在bootstrap4出現(xiàn)之后修改了bootstrap3的不方便之處，讓使用框架的前端開發(fā)者更加便捷。(bootstrap下文中簡稱為bs)

一.柵格系統(tǒng)

相對于原來的bs3，bs4具有了范圍更大的適應(yīng)區(qū)間。在過去的bs3中的xs sm md lg 中，bs4又增加了一個xl這個區(qū)間，為超大屏幕做出了適應(yīng)。

原來的版本中全部都是使用了float布局,在新版本中使用了flex布局。而且在新版本中柵格系統(tǒng)col不用添加指定的列數(shù)。比如一個row里有2個col，自動分為-6，-6。如果其中三個col中有個指定了它的列數(shù)，而其他兩個沒有，那就是(12-x/)2。

二.img-circle與新版本中的rounded-circle

老版本中img-circle只對圖片生效而新版本中rounded-circle對所有元素全部生效，至于好不好用了才知道。

三.媒體對象

去除了media-left，media-right 只有 media-body 在其中會自適應(yīng)，在 body 前寫一個圖片即使 left ,在 body 之后便是 right。

四.display系列 / 偏移 / 外邊距 / 內(nèi)邊距

偏移：不再使用 col-[尺寸]-offset-[x] 而是 offset-[尺寸]-[x]

外邊距 : ml 左外邊距 mr 右外 ，mt 上外 ， mb 下外 mx-水平方向 my- 垂直方向

ml-1

內(nèi)邊距 : pl,pr,pt,pb, px ,py

五.顏色

primary secondary info success warning danger light dark

bg- [顏色]

text -[顏色]

btn -[]

badge - [] 對應(yīng) bs3 label

感謝各位的閱讀！關(guān)于bootstrap3和bootstrap4的區(qū)別是什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！