How to swap elements when screen size is reduced?

Question

Bootstrap

How to make blocks with classes for example col-md-6 change places when the screen is reduced. That is, when decreasing, the block that is written above will be above the block that is written below, how to swap them when the screen is reduced?

Answer 1

the simplest is to use the pull and push classes