引导提示定位的子元素

Question

我有一个引导提示是这样的（fiddle）：

<span title='Description about this' data-toggle="tooltip" data-placement="auto top"> 
    <i class="glyphicon glyphicon-star"></i> Some text here 
</span> 

我希望它对齐到里面的图标，但我想实现这不需要将弹出窗口移动到图标元素上，因为工具提示信息的语义属于跨度。

这是它应该如何看，但我不希望使用此标记：

<span> 
    <i class="glyphicon glyphicon-star" title='Description about this' data-toggle="tooltip" data-placement="auto top"></i> 
    Some text here 
</span> 

Answer 1

您可以重新引导提示类!important。

的Html：

<div class="content"> 
    <span title='Description about this' data-toggle="tooltip" data-placement="auto top"> 
     <i class="glyphicon glyphicon-star"></i> Some text here 
    </span> 
</div> 

风格：

body{ 
    margin: 4em; 
} 
[title]{ 
    cursor: help; 
} 

.content .tooltip{ 
    left: 0 !important; 
} 

https://jsfiddle.net/cLmn9o1n/