2012-05-04 8 views
0

私は2つのタブペインを持つタブナビゲーターを持っています。両方のタブの内容は動的ですが、最初のタブの内容は常に2番目のタブの内容よりも多くなります。私は2番目のタブペインをクリックすると、2番目のタブの内容が崩壊したくない。私は2番目のタブのコンテンツの高さを最初のものと同じにしたい。どうすればいいですか?ありがとう。ブートストラップTabbable Nav設定Tab-Section2高さをTab-Section1に設定

+0

私たちがあなたのページを表示していますか?私はブートストラップを使用しており、あなたが意味することを正確にはわかりません –

答えて

2

あなたは.tab-paneのためのCSSをオーバーライドして、あなたはすべてのタブが同じ高さになりたい場合はheight属性を設定できますセルカンはjQueryのを使用して1行で提案されているように

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

ありがとう、私は解決策を見つけました。ページが読み込まれた後、tab1がアクティブなので、私はちょうどvar tab_height = $( '。tab-content')を実行しました。$( '。tab-content')。css( 'height'、tab_height);したがって、tab2コンテンツの高さも修正されます。 –

0

はそれをやりました。 ユニークなセレクタは.tabペインの選択を制限することです

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