Bootstrap popover＆＃34; arrow＆＃34;在小屏幕上脱离了popover

Question

当用户点击td元素内的文本时，我使用Bootstrap 3.3.5 popover功能显示一个弹出窗口。除了一件事，它的工作正常。

当窗口宽度变小并且我到达第一个响应断点时，箭头将从弹出框中分离（参见图像）。你可以看到左边的箭头。当设备宽度较宽时，没有问题。有什么想法可以修复吗？

HTML：     ...

<td><a id="date-today" tabindex="0" role="button" data-trigger="focus">Today<span class="caret"></span></a></td>

...

<div id="date-today-content" class="hide">
    <div>
      Popover
      Content
    </div>
</div>

JAVASCRIPT：

//Enables popover
$("#date-today").popover({
    html : true, 
    content: function() {
      return $("#date-today-content").html();
    },
    title: function() {
      return 'Today';
    },
    placement: function() {
        return 'bottom';
    },
    container: 'body'
});

感谢您的帮助！