BootStrap5应用时tooltips的添加

官方示例

  Tooltip on top


  Tooltip on right


  Tooltip on bottom


  Tooltip on left

注意事项

//  一下语句 为 tooltips进行赋能， 需要在 渲染含有 tooltips的节点之后调用 （无论是 初始化 时还是 在 js 动态改变 DOM 时
var tooltipTriggerList = Array.prototype.slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
  return new bootstrap.Tooltip(tooltipTriggerEl)
})

官网详情 https://v5.bootcss.com/docs/components/tooltips/