Question

这是我的页面截图http://s30.postimg.org/44jynnz35/Untitled_2.png

HTML：

    <div id="social-bar">
        <a href="https://www.facebook.com/pages/Open-Source-Hacker/181710458567630">
            <i class="icon icon-facebook"></i>
            <span>Facebook</span>
        </a>
        <a href="https://twitter.com/moo9000">
            <i class="icon icon-twitter"></i>
            <span>Twitter</span>
        </a>
        <a href="https://plus.google.com/103323677227728078543/">
            <i class="icon icon-google-plus"></i>
            <span>Google Plus</span>
        </a>
        <a href="http://opensourcehacker.com/">
            <i class="icon icon-rss"></i>
            <span>Blog</span>
        </a>

       </div>

我已经创建了社交图标的社交链接，我从此链接https://github.com/miohtama/FontAwesome-and-Bootstrap-social-icons-example/

获取了源代码

我还需要一个链接和图标，即mailbox。

所以我添加了这样的代码，

   <a href="http://opensourcehacker.com/">
                <i class="icon icon-gmail"></i>
                <span>Email</span>
   </a>

但我不确定邮箱图标代码，

我有3个文件，

1. <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" />

2. <link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet" />

3. <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

我可能知道，邮箱图标的确切代码或我可以在哪里？

任何帮助都将受到高度赞赏。

提前致谢。

Answer 1

它是icon-envelope

<a href="http://opensourcehacker.com/"><i class="icon icon-envelope"></i><span>Email</span>   </a>

由于您使用的是旧版本的fontawesome，因此文件中可能缺少某些图标。尝试使用此更新的库：http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css而不是旧库。

如何从bootstrap设置邮箱图标？

1 个答案: