區(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電腦
bootstrap3和4區(qū)別是什么
Bootsrap3采用的float布局,而Bootstrap采用的flex布局
Bootstrap4中的柵格系統(tǒng)可以不用添加指定的列數 如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….,當小于屏幕尺寸小于柵格類時會占滿整個屏幕