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.

Answers

Use bootstrap grid and put each img in div for example.

HTML :

<div class="row">
   <div class="col-md-3 col-sm-4 col-xs-6">
       <img.....>
   </div>
</div>

Need Your Help