How to create the masonry effects with just bootstrap 3 grid system and css

Question

My issue is that i want to display data in a block format using the bootstrap 3 grid system however i dont want the annoying whitespace gaps that happen from the height bein

Answer 1

i did a simple masonry grid that receive images from DB , by just css like this :

    

    
 
    
    
                                                        
                                                  

    
 
      
    
    

    .container {
    -moz-column-width: 35em;
    -webkit-column-width: 35em;
    -moz-column-gap: 1em;
    -webkit-column-gap:1em;  
    }

    .image-gallerie {
     width:  100%; 
     }
    .image-gallerie img{
     width: 100%;
     height: 100%;
     margin-top: 15px;
      margin-bottom: 10px;
    }