2013-12-10 72 views
0

我正在使用Twitter Bootstrap及其工具提示,並且有與this one類似的問題,即我想更改工具提示的位置。更改特定工具提示的位置

但是,在我的情況下,我不想改變所有工具提示的位置,但只是下面的一個(我想將工具提示移動到左側)。

<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

[上的特定工具提示更改位置]的可能重複(http://stackoverflow.com/questions/20492913/changing-position-on-a-specific-tooltip) – Hiral

回答

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; }