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()方法。

 

 

博客已搬家 技术寇的分享

版权声明:本文为kouchao原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/kouchao/articles/6182097.html