區別:1、bootstrap3有四種柵格類,bootstrap4有五種柵格類;2、bootstrap3使用px為單位,bootstrap4使用rem和em為單位;3、bootstrap3用float佈局,bootstrap4用flex佈局。
本教學操作環境:Windows10系統、bootstrap3.3.7版、DELL G3電腦
Bootsrap3採用的float佈局,而Bootstrap採用的flex佈局
Bootstrap4中的柵格系統可以不用添加指定的列數如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設定列偏移時透過offset-sm-4,而Bootstrap3透過col-sm-offset-4
Bootstrap4增加了響應式容器如container-sm ,container-md….,當小於螢幕尺寸小於柵格類別時會佔滿整個畫面
相關推薦:bootstrap教學
以上是bootstrap3和4差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!