offset-1 to offset-11 move a column to the right by that many of the 12 parts of a row. With a breakpoint, as in offset-md-3, the column moves only from that screen width. In the first row, a column of 6 parts is moved by 3 parts to the middle. In the second row, the second column is moved by 4 parts to the right edge.
- Code
<div class="row">
<div class="col-md-6 offset-md-3">6 parts, moved by 3</div>
</div>
<div class="row">
<div class="col-md-4">4 parts</div>
<div class="col-md-4 offset-md-4">4 parts, moved by 4</div>
</div>
- Result
6 parts, moved by 3
4 parts
4 parts, moved by 4
