Всплывающие подсказки

Bootstrap предоставляет функциональность всплывающей подсказки, которая позволяет отображать стилизованную подсказку, когда пользователь наводит курсор на элемент. Текст всплывающей подсказки берётся из атрибута title.

Всплывающие подсказки лучше всего подходят для элементов <a> и <button>.

Подсказки полагаются на стороннюю библиотеку Popper для позиционирования, поэтому вам нужно убедиться, что на веб-странице вызывается файл popper.min.js.

Инициализация

Всплывающие подсказки по умолчанию не включены и требуют инициализации до того, как вы сможете их использовать. Один из способов инициализации — разместить следующий код где-нибудь после вызова jQuery.

<script>
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>

Всплывающая подсказка для ссылок

Вот основной пример применения всплывающей подсказки к ссылке.

Всплывающая подсказка для кнопок

Вот пример применения всплывающей подсказки к кнопке.

Положение подсказки

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