将鼠标悬停在Bootstrap的帮助上

Question

当您将鼠标悬停在另一段文本上时，引导程序中显示少量文本的最简单方法是什么？ 我找到了使用jquery，css的解决方案，但想知道最简单的方法是什么。

谢谢，

Answer 1

一个简单的例子就是

<span class="has-hover" data-toggle="tooltip" title="first tooltip">Hover over me</span>

在您的HTML和

中

$(".has-hover").tooltip({placement: "bottom"});

在您的js（example in jsfiddle）

中

在http://twbs.github.io/bootstrap/javascript/#tooltips

中详细说明了Bootstrap工具提示

Answer 2

使用HTML“标题”属性

<div>
     Put your mouse on me
</div>

成为

<div title = "you found me!">
     Put your mouse on me
</div>

Live demo