在一些网站建设应用里，我们往往想要实现一个提示说明的功能，例如鼠标悬停在某个字段或者按钮上，就对该字段或者该按钮进行解释说明。
如果你正好采用了Bootstrap框架来开发自己的应用，那么你就可以非常迅速地实现该功能，通过这篇文章让我们看看Bootstrap提示组件的使用方法。
Bootstrap提示组件调用方式
在Bootstrap3中，提示组件采用了jQuery和CSS3来共同实现，所以在调用该组件前记得引入bootstrap.js文件。
如果你想要对某个元素引入Bootstrap提示组件，你只需要在它的标签中加入属性data-toggle="tootip"来注明该元素调用提示组件。
除此之外，你还需要加入data-original-title属性来对现实的提示信息进行设置，例如：<button type="button" class="btn btn-default" data-toggle="tooltip" title="杭州网站建设">佚站互联</button>在上述代码中，当你鼠标悬停在按钮上时，就会在按钮上方显示“杭州网站建设”的解释说明。
Bootstrap提示组件显示方向
默认提示组件显示的内容是在元素正上方的，如果我想要在另外的方向显示提示是否可行呢？答案是肯定的，而且由于Bootstrap的强大，实现这一功能相当容易：<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="" data-original-title="显示在右边的提示">右边提示</button>通过上述代码我们可以看到，只需要在元素属性中加入data-placement="right"就可以将提示方向变成右边，另外还有left、top、bottom可以选择。
写在文章最后
虽然你还能通过Bootstrap的JS来调用该功能，并且还能自定义很多属性，不过我认为上面的功能已经能够满足提示组件的要求了，最多通过CSS来设定自己想要的提示样式。
这么简单的调用方式，赶紧来试试吧！