Twitter Bootstrap选项卡和bootstrap-select溢出问题

Question

我使用twitter bootstrap和这个插件来选择菜单http://silviomoreto.github.com/bootstrap-select/.

当我尝试将此选择应用于选项卡内的内容时,我遇到了问题.

http://jsfiddle.net/gbGdY/1/演示来说明问题.

外部选项卡,一切正常,但内部选项卡 - 溢出不能正常工作.

另外,如果我尝试覆盖标签溢出(像这样)

.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