桌上的Bootstrap Tooltip上没有底部箭头

Question

我正在尝试在引导程序表中使用Bootstrap工具提示。它或多或少都能正常工作。但我可以让它显示底部的小箭头。我没有问题让它在桌子外工作。

<div class="imgtooltip displayInLineBlock" data-toggle="tooltip" data-placement="top" title="" data-original-title="History">
<a class="breakDownListShowEquipLongText " href="#" data-notificationid="5000">
        <img class="vcenter marginTopMinus2 displayInLineBlock" src="/api/Icon/GetIcon/?size=15&amp;iconkeyname=MMS_ViewLog" alt="MMS"></a></div>

Answer 1

$('a[data-toggle="tooltip"]').tooltip({
    animated: 'fade',
    placement: 'top',
});

.cart {
    overflow:hidden;
    margin-top:20px;
    padding:10px 20px;
    background: yellow;
}

<div class="cart"> 
    <a data-toggle="tooltip" title="add to cart">
        <i class="icon-shopping-cart"></i>
    </a>
</div>

演示：JSFiddle

<强>更新

您可以将展示位置更改为顶部，底部，右侧，左侧