Bootstrap v4工具提示（系绳）不起作用（angular2）

Question

我已阅读https://v4-alpha.getbootstrap.com/components/tooltips/

的说明

我正在为我的脚本使用捆绑配置，以下是它们如何通过::

修改 刚刚意识到我们也包含了kendo.bootstrap.Theme / all.css。删除它，仍然看到相同的问题。

以下是导航栏::

的参考

            <div class="collapse navbar-collapse" id="navbarNav">
                <div class="navbar-nav">
                    <span data-toggle="tooltip" data-placement="bottom" title="Reports coming soon">
                        <a class="nav-item nav-link disabled">Reports</a>
                    </span>
                    <span data-toggle="tooltip" data-placement="bottom" title="Admin coming soon">
                        <a class="nav-item nav-link disabled">Admin</a>
                    </span>
                </div>

当我使用::

时，这给了我一个常规的工具提示

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

这种初始化（在我的许多谷歌搜索中找到）显示了一个新的工具提示，但不是预期的黑色工具提示。这是一个透明的橙色？

            $(document).ready(function () {
                $("body").tooltip({
                    selector: "[data-toggle='tooltip']",
                    container: "body"
                })
            });

我很困惑我做错了什么。我在控制台上没有看到任何错误，我已经阅读了十几次bootstrap文档。如果我放弃了所需的信息，我很抱歉，并且lmk。

谢谢，

Answer 1

Crash称之为，它和浏览器缓存。我已经准备好了，谢谢！