2013-03-16 77 views
5

我使用twitter引导和此插件选择菜单http://silviomoreto.github.com/bootstrap-select/Twitter Bootstrap选项卡和引导选择溢出问题

我尝试将此选择应用于选项卡内的内容时出现问题。

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

外部标签,一切工作正常,但内部选项卡 - 溢出无法正常工作。

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

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

然后我发现了另一个问题 - 菜单下拉,并扩展到全高。

所以,我的问题是如何避免这个问题,并使选择菜单在标签内工作,就像它在标签外工作。

回答

3

希望你仍然在寻找解决方案? 如果你是,你可以试试这个:

添加溢出:隐藏的标签内容

<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

2

像你这样设置.tab-contentoverflow: visible

然后设置:

.dropdown-menu { height:200px; } 

或将其设置为任何你想要的高度。

相关问题