如何翻轉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的工具提示

回答

相關問題