前言:在bootstrap4出現之後修改了bootstrap3的不方便之處,讓使用框架的前端開發者更加便捷。 (bootstrap下文中簡稱為bs)
一.柵格系統
相對於原來的bs3,bs4具有了範圍更大的適應區間。在過去的bs3中的xs sm md lg 中,bs4又增加了一個xl這個區間,為超大螢幕做出了適應。
原來的版本中全部都是使用了float佈局,在新版本中使用了flex佈局。而且在新版本中柵格系統col不用加入指定的列數。例如一個row裡有2個col,自動分成-6,-6。如果其中三個col中有個指定了它的列數,而其他兩個沒有,那就是(12-x/)2。
二.img-circle與新版本中的rounded-circle
舊版中img-circle只對圖片生效而新版本中rounded-circle對所有元素全部生效,至於好不好用了才知道。
相關推薦:《bootstrap入門教學》
#三.媒體物件
移除了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的差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!