Bootstrap Tabbable Nav设置选项卡 - 第2节高度到选项卡 - 第1部分

Question

我有一个带有2个标签窗格的标签导航。两个选项卡内容都是动态的，但第一个选项卡内容总是比第二个选项卡内容更多。当我单击第二个选项卡窗格时，我不希望第二个选项卡内容崩溃。我想让第二个标签内容高度与第一个相同。我该怎么做？感谢。

Answer 1

您可以覆盖.tab-pane的CSS，并设置height属性，如果您希望所有标签的高度相同：

.tab-pane {
    height: 400px;
}

Answer 2

是否作为Serkan建议使用Jquery并在一行中。 唯一选择器用于限制.tab-pane选择

$(document).ready(function(){
    // Fix the height of the inner tabs
    $('#unique_selector .tab-pane').css('height', $('#unique_selector .tab-pane').css('height') );
});