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

Question

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

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

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

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

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

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

Answer 1

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

<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>

Документ всплывающей подсказки Bootstrap 3ссылка