bootstrap4和bootstrap3的差別是什麼

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