2013-03-16 120 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; } 

或將其設置爲任何你想要的高度。

相關問題