Change Column Order In Mobile View

I would like to change the vertical order of 2 columns on a page in mobile view, so that column 2 goes first and column 1 follows. The current order is that column 1 goes first a

Solution 1:

Just give your col-sm-4 a float:right and start playing with CSS until it looks like it should.

See this crappy fiddle where I just copied all your stuff and added the first line:

.col-sm-4 {float:right !important}