Question

我在Bootstrap Tooltip上遇到了一段时间的问题，并且在网络上找到的每个解决方案都无济于事。 Bootstrap没有显示任何我不明白的原因。它可能是由于包含JQuery来帮助初始化，但该解决方案对我来说也不起作用。任何帮助是极大的赞赏。

这是我的整个代码，仅用于测试：

<!DOCTYPE html>
<html>

<head>
    <title>Tooltip Example</title>
    <meta charset="UTF-8">
    <!--CSS-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!--JAVASCRIPT-->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-lg-4"></div>
            <div class="col-lg-6">
                <div class="row" >
                    <h2>Tooltip Test</h2>
                </div>
                <div class="row">
                    <label for="username">Username&nbsp;</label>
                    <input id="username" type="text" data-toggle="tooltip" title="Test"> <!--TOOLTIP TO BE DISPLAYED-->
                </div>
            </div>
            <div class="col-lg-4"></div>
        </div>
    </div>  

    <!--TOOLTIP INITIALIZE-->
    <script type="text/javascript">
        $( document ).ready(function() {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
</body>

</html>

Bootstrap工具提示问题（不工作）

0 个答案: