Twitter bootstrap 当放置位置离开时，引导popover会离开身体

请看一看这个例子：

你会注意到，如果popover有很多内容，它会在顶部的主体之外。我有什么办法可以防止这种情况发生吗

此外，对于放置位置为“顶部”且靠近左侧的第二个popover，箭头位置会发生变化，并且popover不会显示在身体外部。这是我需要的第一个弹出框，改变箭头的位置，并保持在体内

我正在使用基本的popover初始化：

$('#element').popover();

---

我设法这样修复了它，但我不确定这是正确的方法：

$button.on('shown.bs.popover', function(e) {
    var $popover = $(".popover");

    if( placement == "left" && $popover.css("top").replace("px", "") < 0 ) {
        var arrowPosition = $(e.target).offset().top + $(e.target).height() / 2;
        $popover.css("top", 0);
        $(".arrow", $popover).css("top", arrowPosition + "px");
    }
});

$button.on（'show.bs.popover'，函数（e）{
变量$popover=$（“.popover”）；
if（placement==“left”&&$popover.css（“top”）.replace（“px”，“）<0）{
变量arrowPosition=$（e.target）.offset（）.top+$（e.target）.height（）/2；
$popover.css（“顶部”，0）；
$（“.arrow”，$popover.css（“顶部”，箭头位置+“px”）；
}
});