這篇文章將為大家詳細(xì)講解有關(guān)bootstrap4和bootstrap3有什么差異,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了溫江免費建站歡迎大家使用!
bootstrap4和bootstrap3的區(qū)別
1、移動優(yōu)先設(shè)置不同
Bootstrap4:
Bootstrap3:
2、源碼編寫不同
bootstrap4它的源碼是采用 Sass 語言編寫的;bootstrap3它的源碼是采用 Less 語言編寫的。
3、柵格系統(tǒng)不同
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-類設(shè)置,例如:.offset-md-4 是把.col-md-4 往右移了四列格。;bootstrap3使用float的布局方式,使用push和pull向左和向右移動。
關(guān)于bootstrap4和bootstrap3有什么差異就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。