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

我想将fa-sort图标从font-awesome添加到rails应用程序。我使用bootstrap和haml，我似乎无法弄清楚如何正确设置它。我希望旁边的排序图标。我在括号关闭之前的最后尝试：class => fa_icon：sort）但是，这不起作用。然后，我尝试在表头下方添加.feature-icon.fa.fa-sort，并且这种方法无法正常工作。我已经添加了正确的gem，并且在application.css结构中调用了它的依赖关系，但出于显而易见的原因，无法弄清楚这一点，请说明一下。谢谢。如何在haml中正确显示字体真棒图标

%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)

来源

2015-02-06 Justin

如果您使用链接内容的块，该怎么办？我想你想要链接上的图标。

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

来源

2015-02-09 07:30:51 froderik

哦该死的，我会尝试了这一点。感谢您的关注，真的。我很喜欢这个链接旁边的图标，只是不太接近，因为我会因为它太接近而被大声喊叫。 – Justin 2015-02-09 20:04:59

CSS将帮助你间隔。我意识到我在'link_to'结尾处忘了'do' - 憎恨那些错误，当你错过了一个..... ..... :-) – froderik 2015-02-09 20:12:58

我是否需要结束在每个link_to结束时做的阻止？ – Justin 2015-02-09 20:26:34

后fontawesome更新图标都像固体正规品牌和光标签，标签实存在每一个图标，因此fontawesome HAML 新的使用

％i.fas.fa排序

一些图标的名称改变了，你可以找到detailde信息here

来源

2018-02-21 09:26:06

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

回答

相关问题