Twitter Bootstrapタブとブートストラップ選択オーバーフロー問題

Question

私はtwitterブートストラップと選択メニューhttp://silviomoreto.github.com/bootstrap-select/のこのプラグインを使用しています。

この選択をタブ内のコンテンツに適用しようとすると問題が発生します。

http://jsfiddle.net/gbGdY/1/デモで問題を説明します。

外部タブはすべて正常に機能しますが、タブオーバーフローが正しく機能しません。

はまた、私は（このような）タブのオーバーフロー

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

を上書きしようとするならば、私は別の問題を取得しています - メニューがドロップダウンし、完全な高さに展開されます。

私の質問は、この問題を回避し、選択メニューをタブの外で動作するようにタブ内で動作させる方法です。

Answer 1

あなたはまだ解決策を探していますか？ あなたがしている場合、あなたはこの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

Answer 2

.tab-contentをoverflow: visibleに設定してください。

は、次に設定：

.dropdown-menu { height:200px; } 

それとも、好きな高さに設定します。