工具提示

使用工具提示插件时应了解以下：

  • Tooltip提示组件依赖于 Popper.js ，你必须将popper.min.js 文件放在 bootstrap.js之前调用，或者使用 bootstrap.bundle.min.js / bootstrap.bundle.js 这两个已经包含了 Popper.js 的脚本。
  • 如果自行编译JS，请包含 util.js 文件。
  • 出于性能安排，Tooltip提示是一个可选插件，所以 你必须自己初始化它们。
  • 标题（或内容）零长度情况下，Tooltip提示插件不会显示（生效）。
  • 指定 container: 'body' 以避免复杂组年（如输入框组、按钮组等）中渲染呈出混乱（出问题）。
  • 在隐藏元素上触发Tooltip提示插件不会起作用（无效行为）。
  • Tooltip提示插件的.disabled 或 disabled 元素必须放在外层（父层）元素上。
  • 如果从一个跨多行的链接上触发Tooltip提示插件，提示将居中，在你的<a>上使用white-space: nowrap; 可避免这种行为（即回归左右对齐）。
  • 必须先隐藏Tooltip提示插件，然后才能从DOM中删除相应的元素。

在网页上初始化所有的tooltip提示插件一个途径就是用 data-toggle 来选择它们：

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
示例

《儿女英雄传》原名《金玉缘》，清代文康作。后经人弥补缺失，改名为《儿女英雄传》。

《儿女英雄传》描写的是清朝副将何杞被纪献唐陷害，死于狱中，其女何玉凤改名十三妹，出入江湖，立志为父报仇。淮阴县令安学海获罪，其子安骥筹银千两前去营救。安骥和民女张金凤遇险于能仁寺，幸亏玉凤及时相救，始免于难。事后，玉凤做媒，将张金凤许配给安骥，并解囊赠金、借弓退寇，使安骥一行人平安到达淮阴。后来纪献唐为朝廷所杀，玉凤见仇已报，打算出家，为人劝阻，也嫁给安骥。金凤、玉凤相处亲如姊妹。这就是它初名《金玉缘》的原因。

互动演示

而且支持自定义HTML