Bootstrap reordering column by using first-order last-order & order-number

Описание: Bootstrap reordering column by using first-order last-order & order-number
You got it! In Bootstrap, the order classes allow you to change the visual order of your columns without altering the HTML structure. Here’s a brief rundown on how to reorder columns using first, last, and order-{number}:

Reordering Columns
first and last Classes: These classes are used to move columns to the first or last position within their parent container.

order-first: Moves the column to the first position.

order-last: Moves the column to the last position.

order-{number} Class: This class allows you to specify the order of the column using a number from 0 to 12 (with 0 being the highest priority).

For example, order-1 will place the column after columns with a lower order value (0).

Responsive Reordering
You can also use responsive classes to reorder columns at different breakpoints:

order-sm-first, order-md-last, order-lg-2, etc.