Hasta donde yo se, en boostrap
no es posible con css puro. En algún punto de la documentación dice algo así:
Si tu estas buscando presentar miñaturas al estilo Pinterest, donde estas
son de distintas alturas y / o anchuras, tendrás que utilizar un
plugin de terceros, tales como: Masonry, Isotope o Salvattore.
Ya que tienes distintas dimensiones en las imágenes te dejos un ejemplo utilizando Masonry, es una librería para hacer grillas que se auto organizan. Aquí tienes un ejemplo hecho con esta librería.
Para utilizar Masonry en tu fiddle
debes:
Incluir JQuery y Masonry:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.0.0/masonry.pkgd.js"></script>
Inicializar la grilla:
<script>
$('.grid').masonry({
// options
itemSelector: '.grid-item'
});
</script>
Aquí he modificado tu fiddle: https://jsfiddle.net/91ydtqy1/