Bootstrap Tooltip / Расположение Popper не работает

Question

Я использую всплывающую подсказку Bootstrap, но по какой-то причине размещение не работает должным образом.

Например, с учетом приведенного ниже кода:

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

Создает подсказку ниже; вместо того, чтобы поместить это слева, это как-то место справа. «Происхождение» самой подсказки также кажется неправильным.

Что-то мешает всплывающей подсказке вычисляться слева? Есть ли какие-нибудь стили CSS, о которых мне нужно знать?

Answer 1

Причиной, которая может привести к неправильному размещению подсказки, является пространство, выделенное вокруг элемента div, в который вы поместили его.Поскольку внутри всплывающей подсказки содержится много содержимого, предложение по преодолению неправильного размещения всплывающей подсказки может заключаться в изменении размера шрифта или выделении большего пространства для элемента div, в который помещается подсказка..

Аналогичный вопрос, возможно, у вас есть ответ, который вы ищете ...