How To Make Height Of Two Div Equal Respective To Each Other?

Question

Here I have two bootstrap panel inside class row.
And I am trying to make the height both the panel equal respective to each other even if any amount of data in placed insid

Answer 1

Write simple JS to get max computed height and assign it to all div's. You don't need jQuery.

var panels = document.getElementsByClassName('panel-body');

var maxHeight = Array.prototype.map.call(panels, function(panel) {
    return parseInt(getComputedStyle(panel).height, 10);
  })
  .reduce(function(a, b) {
    return Math.max(a, b);
  });

for (var i = panels.length; i-- > 0;) {
  panels[i].style.height = maxHeight + 'px';
}

  

    

      
Panel Heading
      
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      
Panel Footer
    
  
  

    

      
Panel Heading
      

        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit
        amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur
        adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      
      
Panel Footer