2012-05-04 2 views
0

У меня есть вкладка nav с 2 вкладками. Оба содержимого вкладки являются динамическими, но содержимое первой вкладки всегда больше строк, чем содержимое вторых вкладок. я не хочу, чтобы содержимое второй вкладки сворачивалось, когда я нажимаю вторую панель вкладок. Я хочу, чтобы уровень содержимого второй вкладки был таким же, как и первые. Как мне это сделать? Благодарю.Вкладка Tabbable Nav Setting Tab-Section2 Высота в Tab-Section1

+0

показать нам страницу, над которой вы работаете? Я использовал bootstrap, и я точно не знаю, что вы имеете в виду. –

ответ

2

Вы можете переопределить CSS для .tab-pane и установить атрибут height, если вы хотите, чтобы все вкладки, чтобы быть на той же высоте:

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

Спасибо, я нашел решение. После загрузки страницы tab1 активна, поэтому я просто сделал var tab_height = $ ('. Tab-content'). Css ('height'); $ ('. Tab-content'). Css ('height', tab_height); Так что исправляет высоту и для содержимого tab2. –

0

ли это как Серкан предложил использовать Jquery и в одной строке. Уникальный селектор должен ограничивать выбор .tab-панелей

$(document).ready(function(){ 
    // Fix the height of the inner tabs 
    $('#unique_selector .tab-pane').css('height', $('#unique_selector .tab-pane').css('height')); 
}); 
Смежные вопросы