无法放置Twitter Bootstrap Tooltip

Question

请参阅http://jsbin.com/ocufez/1/edit

$('div').tooltip
  placement: 'right'

这不是将工具提示放在div的右侧。

如何放置工具提示？

注意：您必须单击run with JS并将最后一个div悬停在JSBin

中

Answer 1

我认为jQueryUI - jquery-ui.min.js 与 bootstrap.js 冲突，因为它们都有 .tooltip（）如果删除jQueryUI，您将在右侧看到Bootstrap工具提示。

或者你可以在bootstrap.js之前放jquery-ui.min.js ......

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>

Answer 2

尝试添加元素：

data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right"

在http://twitter.github.io/bootstrap/javascript.html#tooltips

中找到