As far as I know, in
boostrap is not possible with pure css. At some point in the documentation it says something like this:
If you're looking to present Pinterest-style miniature pictures, where are you
are of different heights and / or widths, you will have to use a
plugin from third parties, such as: Masonry , Isotope or Salvattore .
Since you have different dimensions in the images you leave an example using Masonry , is a library to make grillas that self-organize. Here you have an example made with this library.
To use Masonry in your
fiddle you must:
Include JQuery and Masonry:
Initialize the grid:
Here I modified your fiddle: link