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分配更多空间。

类似的问题，可能会找到您想要的答案...