bootstrap和font-awesome之间的图标冲突

时间:2013-09-24 10:40:49

标签: css twitter-bootstrap font-awesome

在我的项目中,首先,我使用bootstrap图标,但我发现bootstrap的图标较少,所以我想使用font-awesome,但是当我导入font-awesome css文件时,图标会变为font-awesome类型

因为其他地方只使用引导程序图标,所以我希望我的项目中已经使用的图标仍然以引导程序类型查看,字体中的特殊图标 - 真棒我也想添加它。

保留旧图标类型并同时添加新的字体真棒图标,我该怎么办? 任何人都可以帮助我吗?

2 个答案:

答案 0 :(得分:1)

这是两个框架使用相同类名作为其图标的情况。

我相信,例如,他们都使用.icon-cart类,但有不同的图像

如果您需要编辑与明确识别哪个相关的CSS类。

因此,您可以编辑CSS,以便FontAwesome类(例如).awesome-icon-cart将其与Bootstrap字形区分开来......等等。

答案 1 :(得分:0)

Font awesome为您提供了不使用bootstrap的选项。我会这样做,因此它与bootstrap分开,然后在font-awesome中找到指定类名称的位置,并用fa-或类似的东西作为前缀。