Kích hoạt Tooltip
Hãy cho thêm đoạn JS sau khi trang được tải
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
Với đoạn JS trên thì bất kỳ phần tử nào có thuộc tính data-toggle="tooltip" nó sẽ được xem xét để hiện thị Tooltip khi chuột ở phía trên phần tử đó
Tạo tooltip
Phần tử nào muốn hiện thị tooltip thì cho nó thêm thuộc tính data-toggle="tooltip", thuộc tính title="" là nội dung mà Tooltip hiện thị, cho thêm data-placement="top" nếu muốn hiện thị phía trên, tương tự có các loại data-placement="bottom", data-placement="left", data-placement="right"
Ví dụ:
<button type="button"
data-toggle="tooltip"
title="Tooltip hiện thị - Trên"
data-placement="top"
class="btn btn-primary btn-sm">
Tooltip
</button>
