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

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

---

Как создать всплывающую подсказку

Добавив к элементуdata-toggle="tooltip", чтобы создать всплывающую подсказку.

titleСодержимое атрибута — это содержимое, отображаемое во всплывающей подсказке:

Примечание:Всплывающую подсказку следует инициализировать в коде jQuery: затем для указанного элемента вызовите методtooltip().

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

---

Укажите положение всплывающей подсказки

По умолчанию всплывающая подсказка отображается над элементом.

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

Использование в кнопке:

Чтобы добавить HTML-теги в содержимое всплывающей подсказки, установите data-html="true" и поместите содержимое внутрь атрибута title:

Неактивная кнопка:

Другие расширения