[example of the messiness](http://i.stack.imgur.com/UrIWY.png)

These items in the rows all have various heights and are drawn in from a database. I would like my page to stay mobile friendly, but make the rows look more clean like this (each 'o' signifies one of the store items): 

o o o o

o o o o

if the screen shrank in size it may look like this: 

o o o

o o o

o o

or this 

o o

o o

o o

o o

Is bootstrap not the best tool for this type of styling? or should i just use css with a load of media queries? **I think I would just need for the height of each row to be as big as the height of the largest item in the row.** how would i do this using bootstrap (if possible)? Thanks in advance!