html - Scale panels one below other in one container -


i have these widgets in html, using bootstrap panels: enter image description here

why second line left widget scales accordingly first line right widget height, , not below first left widget height? in same container.

is there solution this, solution hold them in same container?

or can use jquery , set class .same-height

jquery(document).ready(function($) {      var heights = $(".same-height").map(function() {         return $(this).height();     }).get(),      maxheight = math.max.apply(null, heights);      $(".same-height").height(maxheight); }); 

demo here


Comments

Popular posts from this blog

javascript - three.js lot of meshes optimization -

smartface.io - Proper way to change color scheme for whole application -

Email notification in google apps script -