Bootstrapでcol-md-offset-2の空白が効かない。

Bootstrapで空白を開けたい！

調べて見ると何やらcol-md-offset-2とクラスを与えて上げるだけOKみたい…
と思いきや何故か効かない。

調べて見るとBootstrapの3と4で書き方が違うらしい。。。

Bootstrap3とBootstrap4で書き方が違う！

Bootstrap3

これが3のバージョンでの書き方！→col-md-offset-2

<div class="row">
    <div class="col-md-6 col-md-offset-2">
        これで２カラム分の空白が左の要素にできる！
    </div>
    <div class="col-md-2">
        右に２カラムを余らせる！
    </div>
</div>

Bootstrap4

これが4のバージョンでの書き方！→offset-md-2

<div class="row">
    <div class="col-md-6 offset-md-2">
        これで２カラム分の空白が左の要素にできる！
    </div>
    <div class="col-md-2">
        右に２カラムを余らせる！
    </div>
</div>