Maintaining a multiple column layout on phone with bootstrap 2.3.2

Question

I'm surprised that I couldn't find another question that deals with this.

Basically, how could one maintain multiple columns on a phone with bootstrap 2.3.2?

Here's a simple outline of my code: http://www.bootply.com/81265

It's fine on a desktop, but occupies way too much vertical space when each column breaks to it's own row.

Answer 1

put your content inside the grid columns and apply large and small classes for each media.