這篇文章主要介紹了bootstrap3和bootstrap4有哪些區(qū)別的相關(guān)知識,內(nèi)容詳細(xì)易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇bootstrap3和bootstrap4有哪些區(qū)別文章都會有所收獲,下面我們一起來看看吧。
專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站設(shè)計服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)德清免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了超過千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
區(qū)別:1、bootstrap3有四種柵格類,bootstrap4有五種柵格類;2、bootstrap3使用px為單位,bootstrap4使用rem和em為單位;3、bootstrap3用float布局,bootstrap4用flex布局。
本教程操作環(huán)境:Windows10系統(tǒng)、bootstrap3.3.7版、DELL G3電腦
Bootsrap3采用的float布局,而Bootstrap采用的flex布局
Bootstrap4中的柵格系統(tǒng)可以不用添加指定的列數(shù) 如row 里面有2個col 會任何尺寸下均分row
Bootstrap3只有4種柵格類 分別為(col-xs特小,col-sm小,col-md,中col-lg大)
Bootstrap4有5種柵格類,(col-特小,col-sm-小,col-md-中,col-lg-大,col-xl-超大)
Bootstrap4使用rem為單位
Bootstrap4設(shè)置列偏移時通過 offset-sm-4,而Bootstrap3通過col-sm-offset-4
Bootstrap4增加了響應(yīng)式容器如 container-sm ,container-md….,當(dāng)小于屏幕尺寸小于柵格類時會占滿整個屏幕
關(guān)于“bootstrap3和bootstrap4有哪些區(qū)別”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“bootstrap3和bootstrap4有哪些區(qū)別”知識都有一定的了解,大家如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。