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

Question

我有一个带有工具提示的链接。工具提示消息有点长，所以它显示在两行上。

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

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

附加信息：

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

我该怎么做才能修复这个箭头？

标签： javascriptcsstwitter-bootstrap-3twitter-bootstrap-tooltip

Answer 1

是否设置了标签属性？，必须渲染工具提示箭头位置

<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 工具提示的文档参考