5

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

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

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

タブの外側ではすべて正常に動作しますが、タブの内側 - オーバーフローが正しく動作しません。

また、タブのオーバーフローをオーバーライドしようとすると (このように)

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

次に、別の問題が発生します-メニューがドロップダウンし、高さいっぱいまで拡大します。

したがって、私の質問は、この問題を回避する方法と、選択メニューをタブの外で機能するようにタブ内で機能させる方法です。

4

2 に答える 2

4

まだ解決策をお探しですか？もしそうなら、これを試すことができます：

オーバーフローを追加: タブ コンテンツに非表示

<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

于 2013-06-20T13:47:44.973 に答える
2

あなたがしたようにに設定し.tab-contentますoverflow: visible。

次に設定します。

.dropdown-menu { height:200px; }

または、任意の高さに設定します。

于 2013-03-16T19:50:16.370 に答える