У меня есть вкладка nav с 2 вкладками. Оба содержимого вкладки являются динамическими, но содержимое первой вкладки всегда больше строк, чем содержимое вторых вкладок. я не хочу, чтобы содержимое второй вкладки сворачивалось, когда я нажимаю вторую панель вкладок. Я хочу, чтобы уровень содержимого второй вкладки был таким же, как и первые. Как мне это сделать? Благодарю.Вкладка Tabbable Nav Setting Tab-Section2 Высота в Tab-Section1
0
A
ответ
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'));
});
Смежные вопросы
- 1. twitter bootstrap вертикальная вкладка левая граница высота
- 2. bootstrap nav header высота
- 3. Bootstrap Tabbable Issue
- 4. Вкладка Nav Не показывать содержимое
- 5. TableView reload not setting Высота раздела UITableView
- 6. bootstrap tabbable не переключается
- 7. Bootstrap tabbable якорь в sidebar.php
- 8. Toggle «tabbable» - bootstrap
- 9. AngularJS делают элементы tabbable
- 10. Как динамически связывать вкладки tabbable
- 11. меню Выпадающего внутри tabbable бутстрапа
- 12. Вкладка стиля nav bar с JQuery
- 13. Bootstrap 3.0: Nav-вкладка не переключение
- 14. Boostrap tabbable tab-pane не работает
- 15. HTML5/CSS Вертикальная высота Nav, пропорциональная содержанию
- 16. Nav background image 100% высота страницы
- 17. Построить .tabbable без атрибута id .tab-панели
- 18. Bootstrap Nav-вкладка не в состоянии для iPhone
- 19. Bootstrap 3 nav-tabs активная вкладка в текущий день недели
- 20. Jquery.js деактивировать tabbable navs от Bootstrap
- 21. Активная вкладка nav не должна иметь нижнюю строку
- 22. Ionic - ion-nav-bar class = "bar-stable" - вкладка не показана
- 23. Добавление изображения (вкладка) ниже pop down nav bar
- 24. Как активировать или нет (вкладка nav) Bootstrap Twitter (Angular 2)
- 25. UIPopoverController Width Not Setting
- 26. Прямая вкладка
- 27. http_proxy setting
- 28. проблем с бутстраповскими tabbable вкладок в рельсах приложения
- 29. Bootstrap 3.0 - Отображение нескольких альбомов Facebook в tabbable стекол
- 30. активная вкладка в css
показать нам страницу, над которой вы работаете? Я использовал bootstrap, и я точно не знаю, что вы имеете в виду. –