Стрелка всплывающей подсказки Bootstrap 3 не отображается должным образом с многострочным сообщением

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

<a href="/link/1234" class="tooltips" title="See the comment">Comment</a>

Моя проблема в том, что стрелка всплывающей подсказки отображается посередине всплывающей подсказки, а не внизу (см. скриншот)

Дополнительная информация:

ссылка находится в ячейке таблицы
Я переключаю всплывающие подсказки с помощью $('.tooltips').tooltip({container: 'body'});

Как я могу исправить эту стрелку?

javascript css twitter-bootstrap-3 twitter-bootstrap-tooltip

LucileDT 15.10.2019 источник

arrow_upward
1
arrow_downward

Вы установили атрибуты тега?, необходимо отобразить положение стрелки всплывающей подсказки

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

просто примените его в теге:

<a href="/link/1234" data-toggle="tooltip" data-placement="left" class="tooltips" title="See the comment">Comment</a>

lucazweb 15.10.2019