我对 bootstrap-vue 工具提示位置有一个奇怪的问题答案

【问题标题】：I have a weird problem with bootstrap-vue tooltip position我对 bootstrap-vue 工具提示位置有一个奇怪的问题
【发布时间】：2021-02-17 02:01:02
【问题描述】：

我有很多带有表格和工具提示的页面...
问题是工具提示在某些页面上运行良好

.. 但在其他一些页面中，它有一个似乎无法解决的定位问题......

我已经尝试添加容器：'body'，但它没有工作..也尝试了容器：'#app'，同样的问题仍然存在.. 他们两个的代码是相同的..

<a title="show" href="#" v-b-tooltip.hover.top="'Show'">
  <span class="pcoded-micon">
      <i class="fa fa-eye fa-lg mx-2"></i>
  </span>
</a>

【问题讨论】：

在这里大胆猜测。如果您已将 padding-left 添加到 span.pcoded-micon 则可能是问题所在。将 padding-left 替换为 margin-left。
不..那里没有填充

【解决方案1】：

问题可能出在 Popper.js 中的 bootstrap 和 popper 上。尝试将其添加到您的 CSS：

.tooltip { top: 0; }

来源：solution

【讨论】：