bootstrap中列偏移样式col-md-offset不生效

col-md-offset样式在bootstrap4及更高版本中已经不生效

<div class="form-group col-md-offset-3">
      <div class="col-md-2 col-md-offset-2">
         <button class="btn btn-primary">提交</button>
        </div>
</div>

实际展示页面提交按钮并没有发生偏移

官方文档中已经使用offset-md取代col-md-offset

Offsetting columns
You can offset grid columns in two ways: our responsive .offset- grid classes and our margin utilities. Grid classes are sized to match columns while margins are more useful for quick layouts where the width of the offset is variable.

Offset classes
Move columns to the right using .offset-md-* classes. These classes increase the left margin of a column by * columns. For example, .offset-md-4 moves .col-md-4 over four columns.

<div class="container">
  <div class="row">
    <div class="col-md-4">.col-md-4</div>
    <div class="col-md-4 offset-md-4">.col-md-4 .offset-md-4</div>
  </div>
  <div class="row">
    <div class="col-md-3 offset-md-3">.col-md-3 .offset-md-3</div>
    <div class="col-md-3 offset-md-3">.col-md-3 .offset-md-3</div>
  </div>
  <div class="row">
    <div class="col-md-6 offset-md-3">.col-md-6 .offset-md-3</div>
  </div>
</div>