Quebra de linha com altura de imagens diferentes, Bootstrap

Estou com um problema em minha Grid com quebra de linha, as imagens vem de um banco de dados e são de alturas diferentes, umas horizontais e outras verticais.

Estou usando o bootstrap.

Tenho esse código

>

Citar

 <div class="row">

 <div class="col-sm-4 borda_cat">

  

 <a href="produtos/<?php echo $row_categoria2["url"] ?>/<?php echo $row_subcategoria2["url"] ?>/<?php echo $row_produtos["url"] ?>" class="hvr-bubble-top"><img src="uploads/<?php echo $row_fotos_produtos["nome"]?>" class="img-responsive"></a>

  

 </div>

 </div>

	no site as imagens ficam assim

	[https://uploaddeimagens.com.br/imagens/img-jpg--161](https://uploaddeimagens.com.br/imagens/img-jpg--161)

	 

	Como faria para alinhar as colunas sendo que as alturas são diferentes?