tooltip (提示框) 是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。
一、可以通过属性设置提示框效果：
| data-toggle = "tooltip" | 指明这是一个tooltip组件对象，其实可以省略 |
| title = "这里设置展示的文字" | 弹窗显示的内容。 |
| data-trigger = "{click | hover | focus | manual}" | 触发弹窗的方式： 1、click 【默认】单击时显示或关闭 2、hover 移上去显示，移出去隐藏 3、focus 单击时显示，点击空白处时隐藏 4、manual 手动模式。需要调用js代码触发显示或关闭弹窗 |
| data-html = "{false | true}" | 设置弹窗内容是否支持HTML格式。默认值:false 当值为true时，title属性值可以设置成html代码。不过建议不要这么设置，以防XSS攻击 |
| data-delay = "{数值}" | 设置弹窗延迟显示。比如 data-delay = "1000" 时，弹窗会在执行后1秒才显示。默认值：0 |
| data-animation = {true | false} | 是否动画效果显示弹窗。默认值 ：false不显示动画效果。 |
| data-container = {string | false} | 默认值false，这是一个非常重要的设置。这句话意思就是让提示框的显示区域可以为整个区域，而不是当前的盒子，这样就不会挤到变形，具体说明下面说介绍 |
| data-placement = {left | top | right | bottom | auto} | 设置弹窗的显示位置，支持多种设置，比如data-placement="auto left"时，提示窗尽可能显示在左边,在情况不允许的情况下它才显示在右边 |
二、通过option设置更多效果：