html - bootstrap 3 glyphicons 在悬停时显示文本

Question

在我的 html 中，我得到了带有以下代码的 Bootstrap glyphicons：

<span class="glyphicon glyphicon-copy" style="cursor:pointer;font-size:20px;">
</span>

是否可以像使用img标签一样在悬停时显示一些文本。尝试添加alt属性，但没有成功。也许有一些 polifills （工具提示）或类似的东西？使用 Bootstrap-3。

谢谢你。

Answer 1

如果要添加工具提示，请使用：

HTML

    <span 
        class="glyphicon glyphicon-copy"
        data-toggle="tooltip"
        style="cursor:pointer;font-size:20px;"
        title="myText"
    ></span>

JS

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

否则你可以只为你的元素添加data-title属性<span>

    <span
        class="glyphicon glyphicon-copy"
        data-toggle="tooltip"
        data-title="myText"
        style="cursor:pointer;font-size:20px;"
    ></span>

Answer 2

试试这个：

<span class="glyphicon glyphicon-copy" title="yourtext" style="cursor:pointer;font-size:20px;">

添加属性标题以及要在悬停时显示的文本。