Bootstrap mvc引导工具提示更接近文本

bogh5gae 于 9个月前发布在 Bootstrap

关注(0)|答案(1)|浏览(67)

我正在用Bootstrap做一个MVC应用程序，我在<tbody>中有一个这样的工具提示

<td> <span data-trigger="manual" data-bs-toggle="tooltip" data-bs-placement="top"  title="View this participant">NAME </span></td>

它所显示的是这样的

我需要的是显示工具提示更接近底部。
我该怎么做？
谢谢

1条答案

工具提示出现在元素的右边确保元素没有填充，这些填充会将工具提示从文本中移走（可能是在跨度内的另一个跨度，但没有填充）？
或者如果有另一个css规则移动工具提示，尝试使用一些转换覆盖它？
范例：

transform: translateY(10px);

祝你好运！
https://getbootstrap.com/docs/5.3/components/tooltips/#overview