Question

工具提示正常工作

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

但是，一旦我把它嵌入一个＆＃39; ul＆＃39;使用类nav和nav-sidebar，工具提示不再显示。

e.g。

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

我无法在任何地方找到答案。提前谢谢！

Answer 1

试试这个https://jsfiddle.net/2Lzo9vfc/43/

<强> HTML

%%

<强> JS

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

Bootstrap工具提示不起作用导航nav-sidebar类

1 个答案: