App下載

bootstrap3 和 bootstrap4 的區(qū)別

猿友 2021-03-16 15:41:10 瀏覽數(shù) (3987)
反饋

bootstrap 是常用的前端開發(fā)框架之一,它以其穩(wěn)定性高,響應(yīng)速度快,免費(fèi)開源的特性廣受前端開發(fā)人員的喜愛。那么 bootstrap3 和 bootstrap4 的區(qū)別在哪里呢?這篇文章告訴你。

bootstrap3 和bootstrap4 的區(qū)別:

 編寫語(yǔ)言不同 bootstrap3 用 ?Less ?語(yǔ)言開發(fā),bootstrap4 用 ?Sass? 語(yǔ)言編寫
 柵格類不同 bootstrap3 有四種柵格,分別是特?。╟ol-xs-)適配手機(jī)、?。╟ol-sm-)適配平板、中(col-md-)適配電腦、大(col-lg-)適配寬屏電腦。
bootstrap4 有五種柵格,分別是特小(col-xs-)、小(col-sm-)、中(col-md-)、大(col-lg-)、特大(col-xl-)。
 布局方式不同 bootstrap3 使用 ?float? 的布局方式,bootstrap4 采用?flexbox?布局方式。
 使用單位不同 bootstrap3 使用?px?為單位,bootstrap4 使用?rem?和?em?為單位(除部分 margin 和 padding 使用 px)

以上就是 bootstrap3 和 bootstrap4 的區(qū)別。


0 人點(diǎn)贊