bootstrap-4 - 小矩形出现在引导弹出窗口中

Question

我在图像悬停上有一个弹出框。但是当它出现时，会出现一个小矩形（在屏幕截图中圈出）。我认为它是某种按钮......我如何让它消失？

这是代码：

<a href="#" data-toggle="popover" title="">
   <img src="images/location1.png" width="100" height="100" alt="info-tooltip image" class="contactImgs" />
</a>  

    $('[data-toggle="popover"]').popover({
    //trigger: 'focus',
    trigger: 'hover',
    html: true,
    content: function () {
        return 'jbb" />';
    },
    title: 'Toolbox'
});

截屏

标签： bootstrap-4tooltippopover

Answer 1

.tooltip.top:before, .tooltip:before{

 display:none !important;   

 }

这简直解决了我的问题！

就我而言，我同时使用了 bootstrap 4 和 Foundation 6。所以我已经覆盖了 css。