twitter-bootstrap-rails gem：font awesome support

Question

根据the changelog twitter-bootstrap-rails gem支持font awesome自v.2.0.9起。那么如何在项目中启用这种支持呢？默认情况下，我无法使用字体真棒图标。

Answer 1

默认情况下，twitter-bootstrap-rails支持此功能。

只需在html代码中添加图标，如下所示：

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

此处有更多图标和示例：http://fortawesome.github.com/Font-Awesome/

Answer 2

由于twitter bootstrap css使用LESS， twitter-bootstrap-rails gem有更多的依赖关系。为了在项目中打开字体，你需要添加

gem 'less-rails'

gem 'therubyracer'

Gemfile 的:assets组中的

。 之后，您就可以在项目中使用它了。

Answer 3

在他们的GitHub项目中查看Using Font Awesome wiki page。它比v2.0.9版本更新，所以我认为这是当前推荐的做法。

Answer 4

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

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

但是，如果您想在Rails link_to帮助程序中放置图标，请使用ilink_to帮助程序方法。请按照以下步骤操作：

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

2）运行 bundle install ：

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

4）使用* ilink_to * helper而不是* link_to * helper。

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

Obs：将图标名称剥离icon-前缀

之前的链接文本

这些说明在此处：https://github.com/wbzyl/less-rails-fontawesome