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

這種初始化（在我的許多Google搜索中找到）顯示了一個新的工具提示，但沒有預期的黑色提示。 這是透明的橙色嗎？

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

我對自己做錯的事感到困惑。 我在控制台上看不到任何錯誤，並且已經閱讀了數十次引導文檔。 如果我沒有必要的信息，對不起，lmk。

謝謝，

Answer 1

崩潰叫它，那個和瀏覽器緩存。 我准備好了，謝謝！