【问题标题】:Small rectangle appears with bootstrap popover小矩形出现在引导弹出窗口中
【发布时间】:2019-11-26 18:39:33
【问题描述】:

我在图像悬停时有一个弹出框。 但是当它出现时,会出现一个小矩形(在屏幕截图中圈出)。 我假设它是某种按钮...如何让它消失?

代码如下:

<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'
});

Screenshot

【问题讨论】:

  • 你在 &lt;ul&gt;&lt;li&gt;... &lt;/li&gt;&lt;/ul&gt; 中使用这个 &lt;a&gt; 吗?你能分享重现这个问题的代码吗?

标签: bootstrap-4 tooltip popover


【解决方案1】:
.tooltip.top:before, .tooltip:before{

 display:none !important;   

 }

这简直解决了我的问题!

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

【讨论】:

    猜你喜欢
    • 2021-03-07
    • 1970-01-01
    • 2018-05-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多