подключаемый модуль подсказки Bootstrap
Плагин подсказки
Всплывающая подсказка-это маленькое окно, которое появляется, когда пользователь перемещает указатель мыши на элемент:
Совет: Плагины могут быть включены индивидуально (с помощью индивидуального файла "ToolTip. js" Bootstrap) или все сразу (с помощью "Bootstrap. js" или "Bootstrap. min. js").
Как создать подсказку
Чтобы создать подсказку, добавьте data-toggle="tooltip"
атрибут к элементу.
Используйте title
атрибут для указания текста, который должен отображаться в подсказке:
<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
Примечание: Подсказки должны быть инициализированы с помощью jQuery: выберите указанный элемент и вызовите tooltip()
метод.
Следующий код будет включать все подсказки в документе:
Пример
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
Размещение всплывающих подсказок
По умолчанию всплывающая подсказка будет отображаться поверх элемента.
Используйте data-placement
атрибут, чтобы задать положение всплывающей подсказки в верхней, нижней, левой или правой части элемента:
Пример
<a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Hooray!">Hover</a>
Совет: Вы также можете использовать data-placement
атрибут со значением "Auto", которое позволит браузеру определить положение подсказки. Например, если значение «Авто влево», подсказка будет отображаться на левой стороне, когда это возможно, в противном случае справа.
Полная ссылка на подсказку Bootstrap
Для полной ссылки на все варианты подсказки, методы и события, перейдите на наш Ссылка на подсказку Bootstrap JS.