提示冒泡(Tooltip)
使用CSS3为CSS和JavaScript添加自定义Bootstrap工具提示的文档和示例,用于本地标题存储的动画和数据属性。
概览
使用提示冒泡持件时应了解以下: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提示冒泡插件,提示冒泡将居中,在你的上使用white-space: nowrap; 可避免这种行为(即回归左右对齐)。
必须先隐藏Tooltip提示冒泡插件,然后才能从DOM中删除相应的元素。
此组件的动画效果取决于prefers-reduced-motion 媒体查询. 请参阅我们的 辅助功能文档的简化动作部分.
都明白了?很好。让我们来通过一些例子来看它们具体是如何运作的。
示例:在任何地方启用tooltip提示冒泡插件
在网页上初始化所有的tool