Bootstrap Offset Columns

Offsetting columns can be done in two ways: using the .offset- grid classes or using the 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.

The .offset- class can be used to move columns to the right with a specified number of columns (1 - 11). The number 0 can be used to reset an offset for different breakpoints.

<div class="container">
  <div class="row">
    <div class="col-sm-4 offset-sm-2">Column</div>
    <div class="col-sm-4 offset-sm-2">Column</div>
    <div class="col-sm-6 offset-sm-3">Column</div>
  </div>
</div>