html - 如何使用 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;
}

请看 fiddle https://jsfiddle.net/devjit/ommnft3e/5/

在这种情况下，我认为您将不得不使用 javascript 来确定最大高度。检查这个 fiddle .. https://jsfiddle.net/devjit/ommnft3e/8/