bootstrap3和bootstrap4的差別

前言：在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中文網其他相關文章！