I'm having an issue with the Bootstrap Popover Tooltip. Can anyone explain why the arrow is not formatting correctly?
<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'
});
});