淺談Bootstrap3和Bootstrap4的差異

本篇文章跟大家介紹一下Bootstrap3和Bootstrap4的差異。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

Bootstrap3與Bootstrap4的差異

# Less預處理Sass預處理bootstrap3的柵格系統是使用浮動（float）的佈局方式Bootstrap 4使用彈性盒子模型（flexbox）的佈局方式使用px為單位    使用rem和em為單位（除部分margin和padding使用px）

##Bootstrap3	#Bootstrap4
#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）

Bootstrap4特點

• #新增網格層適配了行動端；

• 全面引入ES6新功能（重寫所有JavaScript插件）；

• css文件減少了至少40%；

• 所有文檔都用Markdown編輯器重寫；

• 支援Internet Explorer 10及更高版本，不支援IE9（即使大多相容，還是不建議）；

更多程式相關知識，請造訪：

程式設計影片！ ！

以上是淺談Bootstrap3和Bootstrap4的差異的詳細內容。更多資訊請關注PHP中文網其他相關文章！