javascript - Bootstrap 3 grid system - "cells" are expandable in height, but it shifts the entire next row down -


i have page click on text block, box opens comments below it. row below shifts down then. problem columns in row below shift down, creates ton of whitespace.only 1 should shift down (the 1 below expanded cell). there way bootstrap 3?

yes, need change layout of grid. wouldn't lay them out 3 across row, lay them out going down in columns.

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

make sense?


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -