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
Post a Comment