bootstrap之工具提示

bootstrap之工具提示

作者原创，未经允许，拒绝转载。

先看一下效果：

 

实现的代码：

html

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="出现在右边">右边</button>

jquery

$("[data-toggle ='tooltip']").tooltip();

data-toggle="tooltip":说明这是一个工具提示

data-placement="right":设置提示文字的方向 top right bottom left

title="":用来写提示的文字

工具提示需要我们自己添加js来调用tooltip()方法。

 

 

博客已搬家 技术寇的分享