How to swap bootstrap blocks?

Question

css

Hello everyone!
There are three blocks go on the big screen one after another in a row. https://codepen.io/anon/pen/LzJWGY
When you reduce the screen to sm, you need to swap blocks 1 and 3.
I can’t figure out how to do this, I realized that I need to use push / pull, but in this case, the blocks are shifted only within their row, without moving down, they go off the screen

Answer 1

https://codepen.io/anon/pen/JraJEB

Answer 2

https://codepen.io/anon/pen/PJdjEq