Zakładki Bootstrap i problem z przepełnieniem bootstrap-wybierz

Question

Używam programu startowego twitter i tej wtyczki do wyboru menu http://silviomoreto.github.com/bootstrap-select/.

Mam problem, gdy próbuję zastosować to zaznaczenie do zawartości wewnątrz kart.

http://jsfiddle.net/gbGdY/1/ pokaz, aby zilustrować problem.

Poza zakładkami wszystko działa dobrze, ale wewnątrz zakładki - przepełnienie nie działa poprawnie.

Ponadto, jeśli staram się zastąpić zakładki przepełnienie (tak)

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

potem dostaję kolejny problem - menu spada i rozszerza się do pełnej wysokości.

Moje pytanie brzmi: jak uniknąć tego problemu i sprawić, by menu wyboru działało na karcie tak samo, jak działa poza zakładkami.

Answer 1

Mam nadzieję, że nadal szukasz rozwiązania? jeśli jesteś, możesz spróbować tego:

dodawania overflow: hidden do zakładki zawartości

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

i dodać dane pojemnik jako zakładka okienku/karcie zawartości

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

i dodaj/zmodyfikuj reguły CSS zgodnie z wymaganiami

.dropdown-menu { 
    height:200px; 
} 

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

i okaże się, że niektóre coś takiego: http://jsfiddle.net/gbGdY/1/

mam nadzieję, że to pomoże! -r

Answer 2

Ustaw .tab-content na, tak jak Ty.

Następnie ustaw:

.dropdown-menu { height:200px; } 

albo ustawić go na wysokość co chcesz.