Bootstrap Popover Arrow is Misplaced

Question

Bootstrap Popover Tooltip的相當標準用法。任何想法爲什麼格式化在箭頭上？

<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

指定身體爲工具提示容器：

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