Offsetting Columns in Bootstrap 3 With Example

Offsetting Columns in Bootstrap 3 With Example
Rating: 5 - 1 Votes

Offsetting Columns in Bootstrap 3 With Example

bootstrapIn Bootstrap, we have a feature called offsetting columns.  With the help of this feature, you can shift your columns to the left.  Offset number will determine the column gap you want to have from the left.   For example, if you have created a row with a column span of 6 and you shift it to the left by offset 3.  Then, there will be a 3 columns gap from the left.  Sample code is given below.

There are 4 types of offsetting column classes in Bootstrap.

  • col-xs-offset-(offset_number)
  • col-sm-offset-(offset_number)
  • col-md-offset-(offset_number)
  • col-lg-offset-(offset_number)