這篇文章給大家分享的是有關bootstrap3和bootstrap4的區別是什么的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
前言：在bootstrap4出現之后修改了bootstrap3的不方便之處，讓使用框架的前端開發者更加便捷。(bootstrap下文中簡稱為bs)
一.柵格系統
相對于原來的bs3，bs4具有了范圍更大的適應區間。在過去的bs3中的xs sm md lg 中，bs4又增加了一個xl這個區間，為超大屏幕做出了適應?！ ?/p>
原來的版本中全部都是使用了float布局,在新版本中使用了flex布局。而且在新版本中柵格系統col不用添加指定的列數。比如一個row里有2個col，自動分為-6，-6。如果其中三個col中有個指定了它的列數，而其他兩個沒有，那就是(12-x/)2。
二.img-circle與新版本中的rounded-circle
老版本中img-circle只對圖片生效而新版本中rounded-circle對所有元素全部生效，至于好不好用了才知道。
三.媒體對象
去除了media-left，media-right 只有 media-body 在其中會自適應，在 body 前寫一個圖片即使 left ,在 body 之后便是 right。
四.display系列 / 偏移 / 外邊距 / 內邊距
偏移：不再使用 col-[尺寸]-offset-[x] 而是 offset-[尺寸]-[x]
外邊距 : ml 左外邊距 mr 右外 ，mt 上外 ， mb 下外 mx-水平方向 my- 垂直方向
ml-1
內邊距 : pl,pr,pt,pb, px ,py
五.顏色
primary secondary info success warning danger light dark
bg- [顏色]
text -[顏色]
btn -[]
badge - [] 對應 bs3 label
感謝各位的閱讀！關于bootstrap3和bootstrap4的區別是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
