Bootstrap是基於HTML、CSS、JavaScript 開發的簡潔、直覺、強悍的前端開發框架，讓 Web 開發更快速。以下這篇文章跟大家介紹bootstrap4和bootstrap3的差別，希望對你們有幫助。
bootstrap4和bootstrap3的差異
1、行動優先設定不同
Bootstrap4:
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Bootstrap3:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
2、原始碼編寫不同
bootstrap4它的原始碼是採用Sass 語言編寫的；bootstrap3它的原始碼是採用Less 語言編寫的。
3、柵格系統不同
Bootstrap 4 共有5種柵格類，依序是特小(col-)、小(col-sm-)、中(col-md-)、大(col-lg-)、特大(col-xl-)
bootstrap3 共有4種柵格類，依序是特小(col-xs-)、小( col-sm-)、中(col-md-)、大(col-lg-)
#4、佈局方式不同
Bootstrap 4使用彈性盒模型（flexbox）的佈局方式，偏移列透過offset-類別設置，例如：.offset-md-4 是把.col-md-4 往右移了四列格。 ；bootstrap3使用float的佈局方式，使用push和pull向左和向右移動。
以上是bootstrap4和bootstrap3的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
