Bootstrap ToolTip未显示在侧栏上

时间:2017-08-08 08:24:27

标签: html css twitter-bootstrap reactjs

"徘徊在这里"在侧边栏上没有显示工具提示:CodeSandbox

显示是否排除了bootstrap css:CodeSandbox

我将问题追溯到这个属性:

.tooltip {
  position: absolute;
}

解决此问题的正确方法是什么?

1 个答案:

答案 0 :(得分:0)

尝试

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