two images per row on mobile phone browser display (bootstrap 3)
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.
Use bootstrap grid and put each img in div for example.
<div class="row"> <div class="col-md-3 col-sm-4 col-xs-6"> <img.....> </div> </div>