2

我正在使用Roots WordPress 主题，尽管我确信任何启用 Bootstrap 的站点的过程都是相同的。

我想禁用内置的 Twitter Bootstrap 图标并使用 Font Awesome 来代替它们。我已经加载了 Font Awesome's，它们正在工作，但有些图标icon-envelope似乎从两个集合中加载图标。

有没有办法禁用默认的 Twitter Bootstrap 图标？

4

1 回答 1

2

您需要将 Roots 存储库中的 LESS 源重新编译为 CSS，在 Font Awesome 网站的集成部分中进行更改。

懒惰的方式

我bootstrap.css对 Roots 存储库和bootstrap.min.cssBootstrap 存储库中的 进行了比较，结果发现它们是相同的。因此，从技术上讲，您应该能够使用Bootstrap Customize 页面，取消选中Icons复选框，然后点击底部巨大的 DOWNLOAD 按钮。

bootstrap.css将Roots 主题中的bootstrap.min.css替换为css下载的 zip 目录中的 （当然要重命名）。

现在只需使用 Font Awesome 提供的 CSS 文件。

完毕。

长（彻底）路

  1. 克隆Roots 存储库的副本。

  2. 安装某种形式的 LESS 编译器（参见关于 LESS 编译的 Twitter Bootstrap 页面）

  3. 将 Font Awesome 文件复制到 repo 中，包括font-awesome.less到roots/css/less目录中。

  4. 编辑bootstrap.less, 替换@import "sprites.less";为@import "font-awesome.less";

  5. 更新font-awesome.less文件中字体的路径。

  6. 编译bootstrap.less为bootstrap.css. （不要忘记缩小）

  7. 使用该文件并将字体上传到您指定的目录。

这是你的选择。要么应该工作。

更新

BootstrapCDN现在提供无图标版本的 Bootstrap，以及 FontAwesome CSS 文件。这使得“懒惰的方式”更加简单。

于 2012-07-07T23:21:39.220 回答