如何使用bootstrap获得匹配高度的选项卡？

Question

我正在使用Bootstrap选项卡显示一些内容.我的每个标签几乎都是相同的高度,但切换标签时并不完全如此,下一个组件有轻微的移动.

是否可以使每个标签面板达到最大高度的高度？

这是一个例子:https://jsfiddle.net/ommnft3e/ 我想<hr>切换标签时不要移动.那可能吗？

谢谢

Answer 1

覆盖bootstrap css并使用隐藏的可见性

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

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

在这种情况下,我认为你将不得不使用JavaScript来确定最大高度.检查这个小提琴.. https://jsfiddle.net/devjit/ommnft3e/8/