Щебетать закладки Bootstrap и проблема переполнения бутстрапа-выбора

Question

Я использую twitter bootstrap и этот плагин для выбора меню http://silviomoreto.github.com/bootstrap-select/.

У меня проблема, когда я пытаюсь применить этот выбор к содержимому внутри вкладок.

http://jsfiddle.net/gbGdY/1/ demo для иллюстрации проблемы.

Внешние вкладки, все работает нормально, но внутренняя вкладка - переполнение не работает должным образом.

Кроме того, при попытке переопределить переполнение ушки (как это)

.tab-content { 
    overflow: visible !important; 
} 

тогда я получаю еще одну проблему - меню падает вниз и расширяется на всю высоту.

Итак, мой вопрос заключается в том, как избежать этой проблемы и сделать меню выбора внутри вкладки так же, как оно работает за пределами вкладок.

Answer 1

Надеюсь, что вы по-прежнему ищете решение? если вы, вы могли бы попробовать это один: переполнение

добавить: скрытый на вкладку-контент

<div class="tab-content" style="overflow: hidden"> 

и добавить данные-контейнер, как закладка-панель/вкладку-контент

<div class="btn-group bootstrap-select" data-container="tab-pane"> 

и добавьте/измените правила css по мере необходимости

.dropdown-menu { 
    height:200px; 
} 

.tab-content{ 
    height: 350px; 
    background: green; 
    padding: 2%; 
} 

а это будет некоторая вещь вот так: http://jsfiddle.net/gbGdY/1/

надеюсь, что это поможет! -r

Answer 2

Установите .tab-content на номер overflow: visible, как и вы.

Затем установите:

.dropdown-menu { height:200px; } 

Или установить его на любую высоту вы хотите.