Html 使用Twitter引导的社交按钮3

我正在尝试添加一些社交按钮到我的网站，样式是正确的，但图标没有出现。我想这一定是字体很棒的问题，因为图标就是从这里来的，但我看不出哪里出了问题

我把它连在头上，就像这样：

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

身体上的按钮是这样的：

<div id="contact_page">
  <div class="container">
    <div class="row">
      <div class="span4 pull-center">
        <button class="btn btn-twitter"><i class="icon-twitter"></i> | Connect with Twitter</button><br>
        <button class="btn btn-linkedin"><i class="icon-linkedin"></i> | Connect with LinkedIn</button><br>
      </div>
    </div>
  </div> 
</div>

|连接Twitter

|连接LinkedIn

您可能没有这些类

选中此项：

或者这个例子：

---

既然您正在尝试使用SOOME 4.0.3字体，那么您必须使用最新的类名才能正确使用它。您必须使用

fa-*

而不是

icon-*

（中的更多更改）

在您的情况下，将

更改为：

<i class="fa fa-twitter"></i>
<i class="fa fa-linkedin"></i>

如果你想拥有比一个图标和一个简单的分隔符更高级的东西，你可以查看（免责声明：我是创建者），它可以很好地与最新版本配合使用，如果你想添加更多，它非常灵活

---

是否加载了Bootstrap 3字形图标？我相信是的，但这些图标不是来自awesome字体吗？我使用了第一个示例，我仍然看不出哪里出错了！还有一个现成的按钮：按照您不久前的建议，为固定宽度添加类fw；）我只是得到了空框与css插件