Bootstrap panel collapse creating gaps

Question

So I\'ve got 2 columns, with 2 panels each. Each column is 50% (col-md-6) with 2 panels inside that have collapse capabilities. Collapse works fine, but the problem I\'m hav

Answer 1

Although it may not look like it, this is what is actually happening. Panel three is pushed to the right, and 4 is pushed to a new line.

panel1  |  panel 2
        |
        |  panel 3
        |
panel4  |

You are missing row divs between your container and col-sm-6. This will prevent the columns from being pushed around.

DEMO

  
 
    

      

          1
      
    
    

      

          2
      
    
  


  

    

      

          3
      
    
    

      

          4
      
    
  

EDIT: Or something like this....

DEMO

  
 
    

      

          1
      
      

          2
      
    
    

      

          3
      
      

          4