Bootstrap插件1--tooltip

在引入bootstrap.js之前我们需要引入jquery的js文件

既然是bootstrap的插件，那么自然需要引用bootstrap.js和bootstrap.css这2个核心文件了

这里了主要介绍tooltip提示信息插件的常用使用方法

<a href=‘javascript:;‘ rel=‘tooltip‘ title=‘我就是提示的信息‘ class=‘btn btn-primary‘>点击出现提示信息</a>

调用方法:

<script>

　　$(function () {

　　　　$("a[rel=‘tooltip‘]").tooltip();

　　})

</script>

这样：tooltip的信息就自动显示在对应的元素的上方

那么，如果要让这个提示信息显示在其他地方呢？

很简单：

　　控制方位的属性是 data-replacement=‘?‘  ?可以是 top , bottom, left, right

<a href=‘javascript:;‘ rel=‘tooltip‘  data-original-title=‘Tooltip on bottom‘ data-placement=‘bottom‘ class=‘btn btn-primary‘>点击出现提示信息</a>

顺便说一下：data-original-title属性和title属性作用是一样的，如果同时定义了这2个属性，只会显示title属性的提示内容。

Bootstrap插件1--tooltip