javascript - Bootstrap 3 工具提示箭头无法正确显示多行消息

Question

我有一个带有工具提示的链接。工具提示消息有点长，因此分两行显示。

<a href="/link/1234" class="tooltips" title="See the comment">Comment</a>

我的问题是工具提示的箭头显示在工具提示的中间，而不是底部(见截图)

附加信息:

• 链接在表格单元格中
• 我使用 $('.tooltips').tooltip({container: 'body'});
切换工具提示

我该如何修复这个箭头？

Answer 1

标签属性设置了吗，需要渲染tooltip箭头位置

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

只需在标签中应用它:

<a href="/link/1234" data-toggle="tooltip" data-placement="left" class="tooltips" title="See the comment">Comment</a>

Bootstrap 3 tooltip's doc reference