I'm sure a lot of you are familiar with the way the interface looks on windows phones by default, you often have rows of two tiles... or buttons, whatever you wanna call them.
I would like to apply such a look to my webpage when it's viewed in a mobile browser, using bootstrap 3. To illustrate:
This is how it'd look on a non-mobile phone device
And this is how it'd look on a mobile phone (at least, when it's in portrait mode). Obviously not all images would fit on the screen, but that's exactly how I want it.
Is there a way to accomplish this?
Thanks in advance.
col-xs-6
class. Adjust the padding to make sure it's close to edge to edge. – JohnP Jun 29 '14 at 8:26col-**-2
class, except when the browser size is the size of a mobile browser. Then it should, indeed becol-xs-6
. How do I achieve this? Or am I thinking in a very silly way? – Tienus McVinger Jun 29 '14 at 8:36