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

Ampersands in Wordpress titles break my share to social media links

wordpress post twitter ampersand

I was hoping to get some help with a bit of a coding problem that has been driving me crazy. I'd preferably like to write "&amp;" instead of "and" in my wordpress post titles. But writing out amper...

Free alternative to standard C# DataGrid?

c# winforms datagrid

The standard DataGrid is quite unresponsive when it comes to displaying large amounts of information. I tried SourceGrid and can live with the results, but see room for improvement. Can anyone thin...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.