Bootstrap v4.0에서는 더 이상 offset 클래스를 사용하지 않는다고 합니다. 그대신 .mr-auto , .ml-auto를 사용하여 형제 요소간에 서로 멀리 떨어 뜨리는 효과를 사용합니다.

<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4 ml-auto">.col-md-4 .ml-auto</div>
</div>
<div class="row">
  <div class="col-md-3 ml-md-auto">.col-md-3 .ml-md-auto</div>
  <div class="col-md-3 ml-md-auto">.col-md-3 .ml-md-auto</div>
</div>
<div class="row">
  <div class="col-auto mr-auto">.col-auto .mr-auto</div>
  <div class="col-auto">.col-auto</div>
</div>

참고 URL: https://getbootstrap.com/docs/4.0/layout/grid/

부트스트랩 v4.0 부터는 그리드를 flexbox를 이용하여 위치시키기 때문에 offset 개념을 다르게 사용하고 있는 것 같습니다. 참고로 flexbox는 IE11 부터 지원하니 부라우저 호환성을 생각하시다면 참고하시기 바랍니다.