bootstrap 3 glyphicons在悬停时显示文本

时间:2018-08-21 10:51:38

标签: html twitter-bootstrap

在我的html中,我获得了带有以下代码的Bootstrap字形图标:

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

是否可以像使用img标签一样在其上显示一些文本。尝试添加alt属性,但是它不起作用。可能有一些针对此(工具提示)或类似内容的策略?使用了Bootstrap-3。

谢谢。

2 个答案:

答案 0 :(得分:3)

如果要添加工具提示,请使用:

HTML

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

JS

data-title

否则,您只需将<span>属性添加到 <span class="glyphicon glyphicon-copy" data-toggle="tooltip" data-title="myText" style="cursor:pointer;font-size:20px;" ></span> 元素

with

答案 1 :(得分:0)

尝试一下:

    Gramps has detected a problem in opening the 'environment' of the
    underlying Berkeley database used to store this Family Tree. The most
    likely cause is that the database was created with an old version of the
    Berkeley database program, and you are now using a new version. It is
    quite likely that your database has not been changed by Gramps.
    If possible, you should revert to your old version of Gramps and its
    support software; export your database to XML; close the database; then
    upgrade again to this version of Gramps and import the XML file in an
    empty Family Tree. Alternatively, it may be possible to use the Berkeley
    database recovery tools.

    (-30973, 'BDB0087 DB_RUNRECOVERY: Fatal error, run database recovery --
    BDB1544 process-private: unable to find environment')

  

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