【bootstrap】bootstrap中的tooltip的使用

先看看效果图：【当光标放在下面这个时间搜索框上时，显示一段文字：搜索时间段中的流水信息】

这样的效果，怎么实现呢？

很简单

1.引入jQuery.js和bootstrap的js和css

2.给想要有tip提示框效果的元素添加下面后面三个属性

<input type="text" class="form-control search-menu dateInput"   data-toggle="tooltip" data-placement="top" title="搜索时间段中的流水信息">

data-toggle 标明这个元素有tips这个效果

data-placement 标明tips这个效果在本元素的什么位置显示

title　　标明tips元素显示些什么文本内容

 

3.js中绑定一下tooltip即可

//时间搜索框--鼠标悬浮事件
$(".dateInput").tooltip();