How to have tabs of matching height with bootstrap?

Override the bootstrap css and Use visibility hidden

.tab-content>.tab-pane{
    display:block;
    visibility:hidden;
}

.tab-content>.active{
    visibility:visible;
}

see the fiddle https://jsfiddle.net/devjit/ommnft3e/5/

In that case I think you will have to use javascript to determine the max height. check this fiddle .. https://jsfiddle.net/devjit/ommnft3e/8/