Twitter bootstrap 如何在引导实现的网页中使用社交图标？

我无法在引导实现的网页中使用社交媒体图示符图标。 我能够使用像搜索、环球等常用工具

以下是我使用常用工具的方式：

<span class="glyphicons glyphicons-search"></span>

如何为社交图标实现上述方法？

是的子集，不包括社交媒体图标集

相反，您可以使用完全受支持的免费替代产品（以及中的首选图标套件），该产品具有免费品牌图标集：

-堆栈中的演示代码段（&S）：

法兰西{
填充：4px；
宽度：200px；
}
法兰西：以前{
显示：内联块；
/*.fa fw*/
宽度：1.28571429em；
文本对齐：居中；
}
法兰西：之后{
内容：attr（类）；
字体系列：consolas，monospace；
字体大小：15px；
/*.代码*/
填充物：2px4px；
颜色：#c7254e；
背景色：#f9f2f4；
边界半径：4px；
左边距：5px；
}

将其粘贴到代码的头部

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

这只是一个插入facebook图标的例子

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

---

有关字形图标的完整列表，请访问

如果使用的是字体5，则类已更改

现在，您有了比fa更多的前缀：

fab、fas、far、fal

例如，要显示twitter徽标，您需要这样的东西

---

您可以阅读更多关于从font Aowesome 4迁移到font Aowesome 5的信息。

但是，上面的glyphicon格式是否适用于引导框架？@user3620928，非常肯定！Font Awesome是在考虑引导框架的情况下构建的，并且与glyphicons具有向后兼容性。有一段时间，GlyphIcon甚至没有随引导一起提供。他们现在回来了，但我知道的大多数引导者更喜欢FA。Fontawsome在一些浏览器中显示了很多问题，而在一些浏览器中没有显示广告，特别是IOS safari和chromeNote，在Font Awesome 5中，品牌图标应该使用

fab

类而不是

FA

类，所以现在应该是

@MikePole，谢谢你，迈克。我详细阐述了FA和BS的不同版本，以帮助扩展自原始答案的时间点以来的更新