Bootstrap 3 Grid System - "cells" Are Expandable In Height, But It Shifts The Entire Next Row Down

I have this page where you click on a text block, the box opens comments below it. The row below it shifts down then. Problem is that ALL columns in the row below shift down, which

Solution 1:

Yes, you need to change the layout of your grid. you wouldn't lay them out 3 across to a row, you would lay them out going down in columns.

<divclass="row"><divclass="col-sm-3"><divclass="idea-block"> ... </div><divstyle="display: none;"class="comment-area"> ... </div><divclass="idea-block"> ... </div><divstyle="display: none;"class="comment-area"> ... </div></div><divclass="col-lg-6"><divclass="row"><divclass="col-lg-6"><divclass="idea-block"> ... </div><divstyle="display: none;"class="comment-area"> ... </div></div><divclass="col-lg-6"><divclass="idea-block"> ... </div><divstyle="display: none;"class="comment-area"> ... </div></div></div><divclass="row"><divclass="col-lg-12">
                [here's where to put the picture of  
                the car spanning 2 columns, so  to speak]
            </div></div></div><divclass="col-sm-3"><divclass="idea-block"> ... </div><divstyle="display: none;"class="comment-area"> ... </div><divclass="idea-block"> ... </div><divstyle="display: none;"class="comment-area"> ... </div></div></div>

Make sense?