如何翻转Twitter Bootstrap的工具提示

我正在使用Twitter的Bootstrap实现工具提示。目前，工具提示出现在链接上方。我希望工具提示出现在链接下方。我会如何去做这件事？如何翻转Twitter Bootstrap的工具提示

我触发提示，并明确指出“底”，但它并不想为我工作...

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

来源

2012-07-19 Jonathan

你能显示某种类型的代码吗？ – 2012-07-19 19:35:24

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

在<script>标签内使用此标签，或在单独的JavaScript文件中使用。

来源

2012-07-19 19:42:48 dezman

这个似乎对我很有用！非常感谢你，我感谢你的帮助。 – Jonathan 2012-07-19 19:47:59

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

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

来源

2012-07-19 19:38:22 Joshua

在引导程序网站上，它们显示工具提示的选项。其中一个选项是placement 可以设置为上，下，右或左。

所以当你添加为您提示脚本把选择这样

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

来源

2012-07-19 19:39:08

因此，我根据您的输入修改了代码，但工具提示仍然出现在链接上方。这是我目前有： – Jonathan 2012-07-19 19:44:07

你需要'“'围绕底部和'}'在结束。底部不']'一切看起来不错 – 2012-07-19 19:45:28

居然让我重新写你'' – 2012-07-19 19:46:55

引导提示有一个“位置”选项。你可以将其设置为“底部”是这样的：

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

看到自己的引用（v.2.3.3）或（v.3）官方网站。

来源

2012-07-19 19:41:35 322896

我不认为你需要引用放置位置 – 2012-07-19 19:43:47

正确，你不必如果它是一个有效的变量名称（在这种情况下） – 322896 2012-07-19 19:48:05

链接不再工作（假设网站不只是关闭） – Hoppe 2014-01-09 16:52:10

如何翻转Twitter Bootstrap的工具提示

回答

相关问题