使用bootstrap popover放置不正常

Question

我正在使用bootstrap在我的页面上显示hovercard。对于展示位置，我使用了此代码：

        html : true,
        trigger: 'manual',
        placement: function (context, source) {
            var position = jQ(source).position();
            if (position.left > 515) {
              return "left";
            }
            if (position.left < 515) {
              return "top";
            }
            if (position.top < 110){
              return "bottom";
            }
            return "top";
        },

但它并没有将hovercard显示在一个完美的位置上。有时如果我的链接极端离开，那么hovercard正在切断。同样的问题发生在上面。

任何人都可以帮我解决这个问题，我该如何管理展示位置。无论我的链接存在，它都会自动更正。

请帮助!!!