如何翻轉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 ），請參閱其官方網站。