Bootstrap工具提示/ Popper放置无法正常工作

Question

我正在使用Bootstrap工具提示，但由于某些原因，放置无法正常工作。

例如，给出以下代码：

$('#calendar-of-events .calendar-of-events__contents').tooltip({
                    selector: "a.event-tooltip",
                    trigger: 'hover',
                    placement: 'left'
                })

它将产生以下工具提示；而不是放在左边，而是放在右边。工具提示本身的“来源”也似乎是错误的。

是否有某些东西会阻止在左侧计算工具提示？我需要了解任何CSS样式吗？

Answer 1

可能会导致工具提示未正确放置的原因是在放置它的div周围分配了空间。由于您的工具提示中包含很多内容，因此，解决该工具提示错位的建议可能是更改字体大小，或为放置工具提示的div分配更多空间

Similar question, might have the answer you are looking for...