Bootstrap Popover Arrow错位

Question

Bootstrap Popover工具提示的相当标准用法。知道为什么箭头格式化了吗？

 <div style="display:inline-block;">
    <a id="pop" href="#" data-toggle="popover" data-content="<%= user.experience.description + ' Average ' + user.experience.name + ' Developer rate is ' + user.experience.hourly_range %>"><%= image_tag('question.png', :class=>"question") %></a>
 </div>

$(function(){
        $('[data-toggle="tooltip"]').tooltip({
            'placement': 'top'
        });
        $('[data-toggle="popover"]').popover({
            trigger: 'hover',
                'placement': 'top'
        });


});

Answer 1

该问题有一个补丁：

https://github.com/twbs/bootstrap/pull/13718

Answer 2

将body指定为工具提示的容器：

$('[data-toggle="tooltip"]').tooltip({
  container: 'body'
});