Grid - order

order-first, order-last and order-0 to order-5 change the order in which the columns are shown, while the code keeps its order. With a breakpoint, such as order-md-last, the order changes only from that screen width. Columns are shown from the lowest number to the highest, and a column without one counts as 0.

Code

<div class="row">
  <div class="col">First in the code</div>
  <div class="col order-last">Second in the code, shown last</div>
  <div class="col order-first">Third in the code, shown first</div>
</div>

Result

First in the code

Second in the code, shown last

Third in the code, shown first