更改特定工具提示的位置

时间:2013-12-10 11:15:30

标签: css twitter-bootstrap tooltip

我正在使用Twitter Bootstrap及其工具提示,并且有一个与this one类似的问题,即我想更改工具提示的位置。

但是,在我的情况下,我不想更改所有工具提示的位置,只需更改下面的位置(我想将工具提示向左移动30px)。

<i data-placement="left" title="{% trans "View the tool menu" %}" data-original-title="{% trans "View the tool menu" %}"
class='tooltip-hover menu-handle sprite-io sprite-control2'></i>

http://i.imgur.com/5XJEKbL.png

怎么可能这样做?

1 个答案:

答案 0 :(得分:2)

这会更改放置在左侧的所有工具提示的位置。

[data-placement=left] + .tooltip .tooltip-inner, 
[data-placement=left] + .tooltip .tooltip-arrow { margin-right:30px; }

如果您只想更改此元素,请为其指定一个类或ID。 例如:

#dummy + .tooltip .tooltip-inner, 
#dummy + .tooltip .tooltip-arrow { margin-right:30px; }