如何在引导程序中控制弹出窗口箭头位置4

Question

我想在引导程序中使用弹出窗口4.我在右上角设置切换按钮。

第一，如果我设置的BUTTOM的酥料饼：

$(function() { 
$('[data-toggle="popover"]').popover({ 
placement: 'bottom' 
}) 

的酥料饼，将显示带有部分关闭屏幕，如：

然后我尝试使用“自动”而不是“底部”的位置，但在这种情况下，弹出不起作用...

之后，我再次使用“底部”的位置，并使用offs等来酥料饼50像素向左移动并增加酥料饼的宽度：

$('[data-toggle="popover"]').popover({ 
placement: 'bottom', 
offset: '0 50px' 
}) 

CSS：

.popover-content{ 
width: 270px; 
}  

则酥料饼的显示这样的：

现在弹出式箭头位置错位，我尝试用“'shown.bs.popover'事件移动箭头位置，如：

$('[data-toggle="popover"]').on('shown.bs.popover', function() { 
$('.popover.bottom .popover-arrow:after').css('right', 50 + 'px'); 
}); 

，但它不工作....

是否有任何人知道如何移动箭头现在的位置，或当显示了隐藏的箭头？

在此先感谢。

Answer 1

您可以调整箭头的位置以下样式：

引导3

.popover.bottom > .arrow { 
    margin-left: 50px; 
} 

引导4

.popover.bs-tether-element-attached-top::after, 
.popover.bs-tether-element-attached-top::before{ 
    left: 65%; 
}