web-dev-qa-db-ja.com

表示bootstrapオーバーフローによるdivの外のポップオーバー：非表示

bootstrap popoverを取得して、overflow：hiddenのラッパーを持つスライダーの上（外）を表示する方法）を取得する方法について質問があります。

私はこのスライダーを使用しています： http://owlgraphic.com/owlcarousel/ Twitterも使用していますbootstrap 2.3.2 popovers： http ：//getbootstrap.com/2.3.2/javascript.html#popovers

カルーセルのoverflow：hiddenを除いて、どちらもうまく機能します。これは、次のような問題に似ています： Popovers in Bootstrap 2.2.1https://github.com/twbs/bootstrap/issues/6122

私の質問は特に：誰かがこれを機能させることができましたか？垂直方向の高さを表示するために、高さと負のマージンを使用していくつかの移動を行いましたが、ポップオーバーがラッピングダイビングのエッジにある場合、エッジで途切れます。追加の詳細情報が必要な場合はお知らせください。

ありがとうステフ

csstwitter-bootstrappopover
22
StephanieF

わかりましたので、これを見つけました。

私が変更され：

$('.popover-with-html').popover({ html : true, });

に：

$('.popover-with-html').popover({ html : true, container: 'body'});

そしてそれは働いています。

container: 'body'

キーでした、これが誰かを助けることを願っています.

ありがとう

ステフ

76
StephanieF

私は自分のCSSでカルーセルインナーを上書きすることで解決しました。ドロップダウンを表示するには高さを増やします

.carousel-inner {height: 350px; width: 100%; min-width: 650px;}
0
user3688106

CSSに以下を追加します。スライダーのオーバーフロープロパティをオーバーライドします。

.carousel-inner{
    overflow:visible;
 }

これが誰かの役に立つことを願っています。

https://github.com/twbs/bootstrap/issues/6091 から入手

0
shona