私は2つのタブペインを持つタブナビゲーターを持っています。両方のタブの内容は動的ですが、最初のタブの内容は常に2番目のタブの内容よりも多くなります。私は2番目のタブペインをクリックすると、2番目のタブの内容が崩壊したくない。私は2番目のタブのコンテンツの高さを最初のものと同じにしたい。どうすればいいですか?ありがとう。ブートストラップTabbable Nav設定Tab-Section2高さをTab-Section1に設定
0
A
答えて
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'));
});
関連する問題
- 1. ブートストラップ - 列の高さを設定する
- 2. Android:設定高さを0に設定
- 3. bootstrap navクラスにアクティブに設定
- 4. ブートストラップcol-md-3 divを同じ高さに設定する
- 5. ブートストラップの列の高さを幅と同じに設定する
- 6. 画像をtabbableに設定する方法
- 7. ブートストラップの行の高さを設定する方法は?
- 8. コンボボックスの設定高さ
- 9. 設定した高さの後のブートストラップの崩壊
- 10. ブートストラップdivの高さの設定でグリッドが壊れる
- 11. ブートストラップNAVは100%の高さを取る
- 12. URLに基づくSmarty設定nav href
- 13. 固定sidenavとNAVブートストラップ
- 14. 高さUILabelを0に設定
- 15. Android - カスタムダイアログレイアウトの高さをwrap_contentに設定
- 16. nav barのフォーカスを設定する
- 17. 2 divの等高設定
- 18. 動的に設定柱の高さ
- 19. Reorder magento adminシステム/設定left nav
- 20. FrameLayoutの高さをLinearLayoutの高さに設定する方法
- 21. 高さをブラウザの高さに設定します
- 22. リストアイテムの高さを2行の高さに設定する
- 23. divの高さをwindow2の高さに設定します。
- 24. コンテナクラスの高さをイメージの高さに設定する
- 25. テキストの高さにtdの高さを設定
- 26. Angular.js:ページの高さに要素の高さを設定
- 27. DIVの高さを別のDIVの高さに設定する
- 28. ブートストラップの固定高さDIV
- 29. バープロットで高さを設定するR
- 30. セレクト2の高さを設定
私たちがあなたのページを表示していますか?私はブートストラップを使用しており、あなたが意味することを正確にはわかりません –