jquery - 如何使用缩小代码处理引导工具提示？

Question

我使用缩小（缩放）代码来增加模板的面积。

而且我在按钮上使用了工具提示，但由于缩放 css 代码，工具提示放错了位置。

    body {
        -moz-transform: scale(0.8, 0.8); /* Moz-browsers */
        zoom: 0.8; /* Other non-webkit browsers */
        zoom: 80%; /* Webkit browsers */
    }

<button data-toggle="tooltip" title="Hide Sensitive Info">

任何建议如何处理？

标签： jquerycssbootstrap-4

Answer 1

你需要添加这个脚本：

<script>
    $(function () {
       $('[data-toggle="tooltip"]').tooltip()
    })
</script>

并像这样调用按钮：

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Hide Sensitive Info">
    Hide sensitive Info
</button>