5

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

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

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

4 回答 4

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

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

于 2012-07-19T19:42:48.437 回答
3

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

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

于 2012-07-19T19:38:22.157 回答
3

在引导网站上，它们显示了工具提示的选项。其中一个选项是placement 可以设置为顶部、底部、右侧或左侧。

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

$('#example').tooltip({placement: "bottom"})
于 2012-07-19T19:39:08.973 回答
1

引导工具提示有一个“放置”选项。您可以像这样将其设置为“底部”：

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

请参阅他们的官方网站以获取参考资料（v.2.3.3）或（v.3）。

于 2012-07-19T19:41:35.073 回答