在右侧放置一个 twitter 引导工具提示答案

【问题标题】：Placing a twitter bootstrap tooltip on the right side在右侧放置一个 twitter 引导工具提示
【发布时间】：2013-01-10 09:29:11
【问题描述】：

我想在 rails 中使用 twitter bootstrap 显示工具提示。工具提示将在页面加载时显示。因此，为此，我在字段标记中添加了以下内容：

rel="tooltip" title="Press CTRL+C To Copy"

然后我将以下代码添加到我的 application.js 文件中：

window.onload = function(){
var text_input = document.getElementById ('url_copy');
text_input.focus ();
text_input.select ();
$('#url_copy').tooltip('show')
}

幸运的是，它正在显示工具提示。不幸的是，它显示在顶部。但我想把它放在右边。我知道我必须使用一个展示位置：'right' 或提到的类似http://twitter.github.com/bootstrap/javascript.html#tooltips

但是代码到底应该是什么样子？？

在此先感谢...

【问题讨论】：

.tooltip({placement: 'right'});
是的，它显示在右侧...但是当我在这里删除“显示”时，工具提示不会在页面加载时显示，它会在文本字段上的鼠标悬停时触发...但我必须在页面加载时显示它..

标签： ruby-on-rails ruby twitter-bootstrap

【解决方案1】：

在您链接的页面上，它显示了示例。

要将其放在右侧，请使用以下 html。

<a href="#" rel="tooltip" data-placement="right" data-original-title="Tooltip on right">Tooltip on right</a>

http://twitter.github.com/bootstrap/javascript.html#tooltips

【讨论】：

我想知道是否可以将工具顶框的显示改大一点？？
您可以覆盖默认的引导 CSS 并在您的 CSS 中设置大尺寸。