Bootstrap Tabbable Nav 将 Tab-Section 2 高度设置为 Tab-Section 1

【问题标题】：Bootstrap Tabbable Nav Setting Tab-Section2 Height to Tab-Section1Bootstrap Tabbable Nav 将 Tab-Section 2 高度设置为 Tab-Section 1
【发布时间】：2012-05-14 06:32:21
【问题描述】：

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

【问题讨论】：

向我们展示您正在处理的页面？我用过引导程序，我不知道你的意思

标签： jquery css twitter-bootstrap

【解决方案1】：

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

.tab-pane {
    height: 400px;
}

【讨论】：

谢谢，我找到了解决方案。页面加载后，tab1 处于活动状态，所以我只是做了 var tab_height = $('.tab-content').css('height'); $('.tab-content').css('height',tab_height);这样也修复了 tab2 内容的高度。

【解决方案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') );
});

【讨论】：