How to make divs stack without spaces and retain order on smaller sizes - in Bootstrap

Question

I really don\'t know how to put this in words.

When I have 2 divs in a row, each has different height, so the next row have unwanted space.

But stack correct

Answer 1

We can achieve it through @media queries

And you need to add alternate float left right for divs

HTML:

    
 div 1 
    
 div 2 
    
 div 3 
    
 div 4 
    
 div 5 

CSS:

.wid{
width:50%;
}

@media screen and (max-width:768px){
.wid{
width:100%;
}
}