如何翻转Twitter Bootstrap的工具提示

Question

我正在使用Twitter的Bootstrap来实现工具提示。 目前，工具提示显示在链接上方。 我希望工具提示出现在链接下方。 我该怎么做呢？

我正在触发工具提示，它清楚地表明“底部”，但它不想为我工作......

<script>$('#home').tooltip('hide bottom')</script>

Answer 1

$('#tooltip').tooltip({
    placement : 'left',
    title : 'first tooltip'
});

在<script>标记内部或单独的JavaScript文件中使用此选项。

Answer 2

假设您正在使用最新的Bootstrap，您将使用“bottom”的位置。 您可以在创建工具提示时通过选项执行此操作： $("#tt").tooltip({placement: "bottom"}); 或者通过元素上的data属性： <span data-placement="bottom" ...>tooltip!</span>我相信。

您可以在Bootstrap工具提示部分中找到有关工具提示的更多信息。

Answer 3

在bootstrap网站上，他们显示了工具提示的选项。 选项之一是placement其可以被设置为顶部，底部，右或左。

因此，当您为工具提示添加脚本时，请选择此选项

$('#example').tooltip({placement: "bottom"})

Answer 4

Bootstrap工具提示有一个“放置”选项。 您可以将其设置为“bottom”，如下所示：

$('#home').tooltip({
    placement : "bottom"
});

有关参考资料（ v.2.3.3 ）或（ v.3 ），请参阅其官方网站。