如何在haml中正确显示字体真棒图标

时间:2015-02-06 15:44:56

标签: css ruby-on-rails twitter-bootstrap haml font-awesome

我想将font-awesome中的fa-sort图标添加到rails应用程序中。我使用bootstrap和haml,我似乎无法弄清楚如何正确设置它。我喜欢旁边的排序图标。我在括号结束前尝试了结尾:class =>但是,fa_icon:sort),它不起作用。然后,我尝试在桌头下方添加.feature-icon.fa.fa-sort,这也不正常。我已经添加了正确的gem,并在application.css结构中调用了它的依赖关系,但由于显而易见的原因,无法解决这个问题,请大家说清楚。谢谢。

%th= link_to Org.human_attribute_name(:department), params.merge(sort_field: :dept, sort_order: sort_order)

%th= link_to Org.human_attribute_name(:name), params.merge(sort_field: :name, sort_order: sort_order)

2 个答案:

答案 0 :(得分:5)

如果您使用块作为链接内容怎么办?我想你想要链接上的图标。

%th
  = link_to params.merge(sort_field: :dept, sort_order: sort_order) do
    = Org.human_attribute_name(:department)
    %i.fa.fa-sort

答案 1 :(得分:0)

在fontawesome更新图标具有固定常规品牌和灯光的标签后,每个图标都存在固定标签,因此,有趣的haml 新用途

  

%i.fas.fa排序

某些图标名称已更改,您可以找到详细信息here