【Web】Bootstrap框架学习笔记之 Bootstrap 3 和 Bootsrap4的区别

很多新手都纠结过学Bootstrap 3还是 4 好，我也是一个正在学习的小白，要学就要学最新的嘛，所以就选择了4的版本

查了很多教程说它使用了 rem CSS 单位，是由 Flexbox Grid 写成的之类的，咱一小白也看不懂这些，只会直接套用一些class啥的，在使用的时候发现有的class名字使用的不一样或者已经废除了，所以这篇文章只是用来记录我在使用Bootstrap 4时 发现的一些用法上的不同。

 

1. col-md-offset-4 无法使用

在Bootstrap 3中，.col-md-offset-4类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度

<div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>

在Bootstrap 4中使用 offset-md-4来代替

<div class="col-md-4 offset-md-4">.col-md-4 .offset-md-4</div>