instagram字体真棒工具提示找不到

时间:2014-11-25 19:50:18

标签: html css twitter-bootstrap font-awesome

有没有

class="social-twitter tooltips"

for instagram in font awesome ??

我需要使用font awesome tooltip类来处理instagram。基本上,当我将鼠标悬停在页脚上时,我需要将Instagram图标显示在页脚中。

适用于脸书,推特等,但不适用于Instagram。 以下是twitter和facebook的代码。它不适用于instagram(例如页面末尾)。

<li class="social-twitter tooltips" data-original-title="Twitter"
data-placement="bottom">
    <a href="http://www.twitter.com/opensponsorship" target=
    "_blank">Twitter</a>
</li>

<li class="social-facebook tooltips" data-original-title="Facebook"
data-placement="bottom">
    <a data-original-title="Facebook" href=
    "http://facebook.com/opensponsorship" target="_blank">Facebook</a>
</li>

<!-- DOES NOT WORK FOR INSTAGRAM! -->

<li class="social-instagram tooltips" data-original-title="Instagram"
data-placement="bottom">
    <a data-original-title="Instagram" href=
    "http://instagram.com/opensponsorship" target=
    "_blank">Instagram</a>
</li>

1 个答案:

答案 0 :(得分:0)

据我所知,您的CSS类似乎来自其他来源。 Font Awesome和Bootstrap有两种选择。

Font Awesome Social Icons

<i class="fa fa-instagram"></i>

Font Awesome example

Social Buttons for Bootstrap

<a class="btn btn-block btn-social btn-instagram" 
   onclick="_gaq.push(['_trackEvent', 'btn-social', 'click', 'btn-instagram']);">
    <i class="fa fa-instagram"></i> Sign in with Instagram
</a>

Bootstrap example