FontAwesome 5 bootstrap 工具提示问题产生两个工具提示

Question

我在使用 FontAwesome 5 时遇到了获得两个工具提示而不是一个的问题，因为它将创建带有 bootstrap 工具提示的额外 SVG 标签。我什至在 bootstrap 工具提示的所有地方都禁用了工具提示，但我仍然收到不需要的工具提示。

可以使用以下代码重现问题

<span                
           class="fa fa-question-circle"
           data-toggle="tooltip"
           data-placement="right"
           title="Some Title"
           data-tt-head="Some Header"
           data-tt-footer="<a style='opacity: 70%' target='_blank' href=''>Read More ... 
</a>" >
</span>

Answer 1

此问题已按照@serghost 在下面 link 中找到的解决方案解决，使用标签包装器而不是在同一标签中使用它。

https://github.com/FortAwesome/Font-Awesome/issues/11902

<span                
           data-toggle="tooltip"
           data-placement="right"
           title="Some Title"
           data-tt-head="Some Header"
           data-tt-footer="<a style='opacity: 70%' target='_blank' href=''>Read More ... 
</a>" >
<i class="fa fa-question-circle"></i>
</span>

FontAwesome 5 bootstrap 工具提示问题产生两个工具提示

FontAwesome 5 bootstrap tooltip issue producing two tooltips

html

font-awesome-5

twitter-bootstrap-tooltip