淺談Bootstrap3和Bootstrap4的差異

青灯夜游
發布: 2021-06-16 18:01:32
轉載
2451 人瀏覽過

本篇文章跟大家介紹一下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中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!