Bootstrap 5 Columns Reordering

Bootstrap 5 Columns Reordering holds the feature of manipulation of column order visually and offsets grid columns. Order class is used to do the order change and offsetting is used to set the offset on the grid column.

• Order classes: Order classes are used to set the visual order of the columns inside a row irrespective of their position in the Document Object Model. 
• Offsetting classes: Offset classes are used to give some offset to the column. The offset class sets the left margin of the column they are applied to the total width of the offset columns.

Example 1: In this example, we will see order class.

Output:

👁 Image

Example 2: In this example, we will see the offset class.

Output:

👁 Bookstrap 5 Columns Reordering

Reference: https://getbootstrap.com/docs/5.0/layout/columns/#reordering