ruby-on-rails - twitter-bootstrap-rails gem：字体真棒支持

Question

根据更新日志 twitter-bootstrap-railsgem 支持自 v.2.0.9 以来的字体真棒。那么如何在项目中开启这个支持呢？默认情况下，我无法使用字体真棒图标。

score 3 · Accepted Answer

现在twitter-bootstrap-rails默认支持它。

只需将图标添加到您的 html 代码中，如下所示：

<i class="icon-refresh"></i>

更多图标和示例在这里： http: //fortawesome.github.com/Font-Awesome/

score 2 · Accepted Answer

twitter-bootstrap-rails gem 具有更多依赖项，因为 twitter bootstrap css 使用 LESS 。为了在您的项目中打开 font-awesome，您需要添加

gem 'less-rails'

gem 'therubyracer'

在:assets您的Gemfile组中。之后，您就可以在您的项目中使用它了。

score 1 · Accepted Answer

请参阅他们 GitHub 项目中的Using Font Awesome wiki 页面。它比 v2.0.9 版本更新，所以我认为这是当前推荐的做法。

score 1 · Accepted Answer

您可以在 HTML 代码中添加图标，如下所示：

<i class="icon-search"></i>

然而，如果你想在 Rails link_to helper 中放置图标，请使用 ilink_to helper 方法。请按照以下步骤操作：

1) 将 gem 添加到 Gemfile 中的资产组： gem 'less-rails-fontawesome'

2）运行捆绑安装：

3) 确保@import 'fontawesome'; 在 app/assets/stylesheetes/bootstrap_and_overrides.css.less 中未注释。

4) 使用 *ilink_to* 助手而不是 *link_to* 助手。

<%= ilink_to "upload-alt", "Edit", edit_post_path(post), class: 'btn btn-mini' %>

Obs：在链接文本之前删除图标名称图标前缀

4 回答 4