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

類似的問題，可能會找到您想要的答案...