title: How to have tabs of matching height with bootstrap?
body: <p>I'm using Bootstrap tabs to display some content. Each of my tabs is almost the same height, but not exactly so when you switch tabs, there is a slight movement of the next component. </p>
  
  <p>Is it possible to make each tab panel the height of the maximum height ? </p>
  
  <p>Here is an example: <a href="https://jsfiddle.net/ommnft3e/" rel="noreferrer">https://jsfiddle.net/ommnft3e/</a>
  I'd like the <code>&lt;hr&gt;</code> to not move when I switch tabs. Is that possible ? </p>
  
  <p>Thanks</p>