bootstrap对话框


对话框

Tooltip

Popover

a标签
-title属性:提示信息的内容
-rel属性:值为tooltip
script标签:包含语句$("a(rel=tooltip)").tooltip(),意为,当a标签的rel属性值为tooltip时,使用tooltip插件显示提示信息。

a标签
-title属性:提示信息的标题
-data-content属性:提示信息的内容
-rel属性:值为popover
script标签:包含语句$("a(rel=popover)").popover(),意为,当a标签的rel属性值为popover时,使用popover插件显示提示信息。

bootstrap对话框_第1张图片
tooltip工具提示信息

鼠标悬停在文字上方时,显示工具提示信息(title的值)。

bootstrap对话框_第2张图片
popover工具提示信息

鼠标悬停在文字上方时,显示工具提示信息的标题(title的值)和内容(data-content的值)。此处只显示了提示信息的标题。

你可能感兴趣的:(bootstrap对话框)