how to wrap column under shorter column in bootstrap

Viewed 905

Hi I am trying to wrap a shorter column (blue) underneath the first column (red) for large devices, but to stay at the end on mobile devices. Bootstrap push and pull doesn't seem to work (probably because of it wrapping on two rows). I also thought of float but that already comes on the column div as part of Bootstrap and it didn't help.

enter image description here

Here is a bootply with my div layout, works fine for mobile but not large screens: https://www.bootply.com/3WKeAukbz0

2 Answers
Related