Question

我正在尝试在我的应用程序中使用Bootstrap Tooltip。工具提示出现但它缺少CSS。它位于左上方，没有格式化。

<a href="#" data-toggle="tooltip" title="first tooltip" id="example" data-placement="top">Hover over me</a>

<script>
        $(function () {
            $("#example").tooltip();            
        });
</script>

我试过像这样的解决方案1但是没有效果： -

<style>
        .tooltip-inner {
            color: red;
            background-color: orange;
            border: 1px solid #333;
        }
</style>

我已将CSS的所有class与tooltip-inner的名称相同，其中Inspect element可能会覆盖引导类，但我找不到。

有一点我注意到，当我将鼠标悬停在链接上时，aria-describedby="ui-tooltip-12" <a href="#" data-toggle="tooltip" title="" id="example" data-placement="top" aria-describedby="ui-tooltip-13">Hover over me</a>我发现此属性已添加到链接中： -

{{1}}

每一个帮助都得到了认可。

Answer 1

这就是造成这个问题的原因。

<script src="/Scripts/jquery-ui-1.10.3.min.js"></script>

我删除了这个＆amp;有效。 Jquery UI工具提示＆amp;包含的Bootstrap工具提示都是对齐工具提示。

Answer 2

更改广告的位置 Jquery UI JavaScript 以上 Bootstrap UI js 将解决问题。

Bootstrap工具提示显示在页面的左上角

2 个答案: