bootstrap3和bootstrap4两个版本区别有小部分的区别，但操作方式、规则具有延续性。
一.栅格类：
说起 Bootstrap，栅格系统一定不能少，bootstrap3 和 boostrap4的栅格类有了一点区别
bootstrap3四种栅格：
col-xs- 超小屏幕（手机） <768px
col-sm- 小屏幕 （平板） ≥768px
col-md- 中等屏幕 （电脑） ≥992pxs
col-lg- 大屏幕 （大屏） ≥1200px
bootstrap4五种栅格
col-xs- 超小屏幕 分辨率 <576px
col-sm- 小屏幕 分辨率 ≥576px
col-md- 中等屏幕 ≥786px
col-lg- 大屏幕 ≥992px
col-xl- 超大屏幕 ≥1200px
bootstrap4的栅格对屏幕划分更详细了。
二.列偏移方法不同
bootstrap3 用push和 pull 来调整左右的位置偏移
bootstrap4 用offset-* 来移动，像右移动多少个
三. 编写语言不同
bootstrap3 采用Less编写
bootstrap4 采用 Sass编写
四.布局方式不同
bootstrap3 使用float布局
bootstrap4 使用flex弹性布局
四.单位使用不同
bootstrap3 以px为单位
bootstrap4 全部用rem为单位,除了部分的margin和padding使用px
五.隐藏和显示不同
bootstrap3 用 hidden- 来隐藏 visible- 来显示
bootstrap4 用 d-*-none 来影藏 d-block 来显示
还有一点 bootstrap3的 hidden-md 只会在平等屏幕时隐藏其他屏幕会显示，bootstrap4的d-md-none
会在中等屏幕以上也隐藏。
六.img类改变
bootstrap3 的img-circle只 对图片
boostrap4 的roundde-circle对所有元素全部生效
bootstrap4 不在支持IE8和IOS6。
css文件也减少了40%
这些都是一些比较显著的区别，在boostrsp4 ——版本迁移 里面都有详细说明。
