Twitter Bootstrap Tabs and Bootstrap Overflow Problem

I use twitter bootstrap and this plugin to select the menu http://silviomoreto.github.com/bootstrap-select/ .

I have a problem when I try to apply this selection to content inside tabs.

http://jsfiddle.net/gbGdY/1/ to illustrate the problem.

External tabs, everything works fine, but inside tab-overflow does not work correctly.

Also, if I try to override tab overflow (like this)

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

then I have another problem - the menu drops and expands to full height.

So my question is how to avoid this problem and make the selection menu work inside the tabs the same way it works outside the tabs.

+5
2

, ? , :

: tab-content

<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

+3

.tab-content overflow: visible, .

:

.dropdown-menu { height:200px; }

.

+2

All Articles