私は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. Android:設定高さを0に設定
- 2. bootstrap navクラスにアクティブに設定
- 3. 画像をtabbableに設定する方法
- 4. Reorder magento adminシステム/設定left nav
- 5. Caliburn + Spring.NET - ブートストラップの設定
- 6. 動的に設定柱の高さ
- 7. Angular.js:ページの高さに要素の高さを設定
- 8. リストアイテムの高さを2行の高さに設定する
- 9. テキストの高さにtdの高さを設定
- 10. ハイチャートでシンボルの高さを設定
- 11. バープロットで高さを設定するR
- 12. freetextboxの高さを設定する
- 13. テーブルの行の高さを設定
- 14. EditTextPreferenceの高さを設定する
- 15. JFreechart垂直データの高さを設定
- 16. ジグザググリッドビューの固定高さを動的に設定する
- 17. Aタグの幅と高さの設定
- 18. 動的UITableViewCellの設定高さ
- 19. extJs(高さと幅の設定)パーセンテージ
- 20. 幅、高さ、中心の設定JPanel
- 21. ブートストラップでラベルサイズを設定する方法
- 22. Div(#Map)の高さと幅を100%に設定
- 23. コンサル最初のブートストラップとスプリングクラウドの設定
- 24. XSL-FO:固定ブロックの高さを設定する
- 25. Buttonの高さをTextareaの高さに動的に設定します
- 26. CSS:フォントの高さを親の高さに相対的に設定する
- 27. Skrollr初期設定<body>高さが高すぎる
- 28. 親の高さに合わせてボーダーの高さを設定する
- 29. 自動レイアウトでUITableViewの高さをコンテンツの高さに設定します
- 30. divの高さを別のdivの高さに応じて設定します
私たちがあなたのページを表示していますか?私はブートストラップを使用しており、あなたが意味することを正確にはわかりません –