利用bootstrap的tooltip来实现鼠标提示悬浮框问题

对于提示悬浮框,bootstrap有提示工具(Tooltip)插件,可根据需求生成内容和标记,默认情况下是把提示工具(tooltip)放在它们的触发元素后面。有以下两种方式添加提示工具(tooltip):

  1. 通过 data 属性:如需添加一个提示工具(tooltip),只需向一个锚标签添加 data-toggle=“tooltip” 即可。锚的 title 即为提示工具(tooltip)的文本。默认情况下,插件把提示工具(tooltip)设置在顶部。
    例如:
    {{被放鼠标的地方所要显示的内容}}
  2. 通过 JavaScript:通过 JavaScript 触发提示工具(tooltip): $(’#identifier’).tooltip(options)
    【注】参考菜鸟教程

你可能感兴趣的:(利用bootstrap的tooltip来实现鼠标提示悬浮框问题)