引导工具提示未显示在侧边栏上

Question

侧边栏的“悬停在此处”不显示工具提示：CodeSandbox

它显示是否排除了引导 css：CodeSandbox

我追查到这个属性的问题：

.tooltip {
  position: absolute;
}

解决这个问题的正确方法是什么？

Answer 1

试试这个

  <ul class="nav nav-sidebar">
        <li>
            <a href="#" data-toggle="tooltip" title="Some tooltip text!" class="sidebar-item-link" data-placement="bottom">
                <span class="glyphicon glyphicon-home glyph-sidebar"></span>
                <span class="sidebar-text">Home</span>
            </a>
        </li>
    </ul>

JS

$(function () {
  $('[data-toggle="tooltip"]').tooltip();
});