显示bootsrap pops外的divs溢出：隐藏

Question

我有一个问题，关于如何让一个引导弹出窗口显示在滑块上方（外部），该滑块有一个溢出的包装：隐藏，我似乎无法绕过它。

我正在使用此滑块：http://owlgraphic.com/owlcarousel/ 我也使用Twitter bootstrap 2.3.2 popovers：http://getbootstrap.com/2.3.2/javascript.html#popovers

两者兼容，但溢出除外：隐藏在轮播上，类似于这样的问题： Popovers in Bootstrap 2.2.1 https://github.com/twbs/bootstrap/issues/6122

我的具体问题是：有没有人让这个工作？我已经完成了一些高度和负边距的移动以显示垂直高度，但如果弹出位于我的包裹潜水的边缘，它将在边缘被切断。 如果我需要提供任何其他细节，请告诉我。

由于 斯蒂芬

Answer 1

好的，所以我想出了这个。

我改变了：

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

为：

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

它正在发挥作用。

container: 'body'

是关键，我希望这有助于某人。

由于

斯蒂芬

Answer 2

在CSS中添加以下内容。 覆盖滑块的溢出属性。

.carousel-inner{
    overflow:visible;
 }

我希望这有助于某人。

来自https://github.com/twbs/bootstrap/issues/6091

Answer 3

我通过覆盖我自己的CSS中的carousel-inner解决了这个问题。增加高度以显示下拉

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

Answer 4

对于在 2021 年使用较新版本的引导程序遇到此问题的其他人，解决方案是使用“边界”参数，因为“容器”似乎不起作用。

我必须在用 AdminLTE 制作的侧边栏中实现一个弹出框

这是使用 content:"body" 发生的事情

这是使用边界的外观：“viewport”

如果没有激活此选项，Popper fallbackPlacement 会接管并翻转弹出框方向（默认位置为“右”）

正如你在 official documentation 边界看到的有不同的选项，默认是“scrollParent”，但你可以使用像这种情况下的“viewport”或“window”

本例中使用的代码：

$("#registerPetPopover").popover({
    placement:"right", //Default parameter
    title:"Registra un pet!", //Popover Title
    html:true, //Enable HTML inside popover
    trigger:"manual", //Avoid activating the popover while clicking
    boundary:"viewport", //Allow the popover to go outside its parent
    content:"<div class='text-right'>Clicca qui per registrare il tuo primo pet!<br><a href='#'>Non mostrare più</a><div>"
});