jquery - 与右侧对齐时，Bootstrap 工具提示不正确显示

Question

这是我现在的工具提示，它工作正常:

但我真正需要的是将其右对齐。所以，当我 .pull-right 时，它看起来像这样:

这是可能的 html:

<div class="wrapper">Login
    <span rel="tooltip" 
    data-toggle="tooltip" 
    data-trigger="hover" 
    data-placement="right" 
    data-html="true"
    data-title="Aenean nibh neque, mattis id diam non, placerat imperdiet urna.">
    <span class="glyphicon glyphicon-info-sign pull-right" aria-hidden="true"></span>
    </span>
</div>

这是工具提示调用:$('[rel="tooltip"]').tooltip();

有什么帮助吗？谢谢。

Answer 1

拉包装器，而不是工具提示。

<div class="wrapper pull-right">Login
    <span rel="tooltip" 
    data-toggle="tooltip" 
    data-trigger="hover" 
    data-placement="right" 
    data-html="true"
    data-title="Aenean nibh neque, mattis id diam non, placerat imperdiet urna.">
    <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
    </span>
</div>