2012-05-04 17 views
0

我有一個帶有2個選項卡窗格的選項卡導航欄。兩個標籤內容都是動態的,但第一個標籤內容總是比第二個標籤內容多。我不希望第二個標籤內容崩潰時,我單擊第二個選項卡窗格。我想讓第二個標籤內容高度與第一個標籤相同。我該怎麼做?謝謝。Bootstrap Tabbable Nav設置Tab-Section2高度到Tab-Section1

+0

向我們展示您正在處理的頁面?我用bootstrap,我不知道你的意思 –

回答

2

您可以覆蓋爲.tab-pane的CSS,如果你想所有選項卡是相同的高度設置height屬性:

.tab-pane { 
    height: 400px; 
} 
+1

謝謝,我找到了解決方案。在頁面加載後,tab1被激活,所以我只是做了var tab_height = $('。tab-content')。css('height'); ('。tab-content')。css('height',tab_height);這樣也可以修復tab2內容的高度。 –

0

那樣做只是塞爾坎使用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')); 
});