2013-08-12 13 views
20

Ich habe eine Frage darüber, wie man ein Bootstrap-Popover oben (außerhalb) ein Schieberegler, der einen Overflow-Wrapper hat: versteckt, das kann ich nicht scheinen herumkommen.Anzeige Bootstrap Popovers außerhalb divs mit Überlauf: versteckt

Ich bin mit diesem Schieberegler: http://owlgraphic.com/owlcarousel/ Ich bin auch mit Twitter Bootstrap 2.3.2 popovers: http://getbootstrap.com/2.3.2/javascript.html#popovers

beide arbeiten gut zusammen, mit Ausnahme des Überlaufs: auf dem Karussell versteckt, die ähnlich ist Fragen wie diese: Popovers in Bootstrap 2.2.1 https://github.com/twbs/bootstrap/issues/6122

Meine Frage speziell ist: Hat jemand bekommen zu arbeiten? Ich habe einige Bewegungen mit der Höhe und dem negativen Rand gemacht, um die vertikale Höhe anzuzeigen, aber wenn das Popover am Rand meines Wrappertauchgangs ist, wird es an der Kante abgeschnitten. Bitte lassen Sie mich wissen, wenn ich weitere Details angeben muss.

Dank Steph

Antwort

68

Ok, so dachte ich, dieses heraus.

I geändert:

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

zu:

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

und es funktioniert.

container: 'body' 

war der Schlüssel, ich hoffe, das hilft jemandem.

Dank

Steph

+2

Dank @Stephanie dies half mir und meinem Team :) .... – SkyKOG

+0

ich ein simliar Problem mit Bootstrap des Dropdown-Menüs haben jedoch ein Container Option nicht verfügbar ist. – gawpertron

+0

Was meinst du mit "nicht verfügbar"? – StephanieF

0

ich es durch Überschreiben Karussell-Innen in meinem eigenen CSS gelöst. Erhöhen Höhe der Tropfen zeigen unten

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