Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/62.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在haml中正确显示字体图标_Css_Ruby On Rails_Twitter Bootstrap_Haml_Font Awesome - Fatal编程技术网

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

Css 如何在haml中正确显示字体图标,css,ruby-on-rails,twitter-bootstrap,haml,font-awesome,Css,Ruby On Rails,Twitter Bootstrap,Haml,Font Awesome,我想将fa排序图标从font-awesome添加到rails应用程序中。我使用的是bootstrap和haml,我似乎不知道如何正确设置它。我想要这个旁边的排序图标。我在括号结束前尝试过:class=>fa_icon:sort)但是,这不起作用。然后,我尝试在表头下添加.feature-icon.fa.fa-sort,这也不能正常工作。我已经添加了正确的gem,并在application.css结构中调用了它的依赖项,但由于明显的原因,无法理解这一点,请解释一下。谢谢 %th= link_to

我想将fa排序图标从font-awesome添加到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)

如果对链接的内容使用块会怎么样?我猜你想要链接上的图标

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

在fontawesome更新图标具有像solid regular brand和light这样的标签后,每个图标都存在solid标签,因此fontawesome haml新用法

%i、 fas.fa-sort


有些图标名称更改了,你可以找到detailde info

哦,该死,我会试试看。谢谢你的关心,真的。我希望图标在链接旁边间隔得很好,只是不要太近,因为我会因为它太近而大喊大叫。CSS将帮助你设置间距。我意识到我在链接到的
末尾忘了一个
do
——讨厌haml的那些错误,因为你错过了一个do…:-)我需要在每个链接的末尾结束do块吗?因此,即使使用do,应用程序仍然会中断。哦,你的建议或建议完全有效,我意识到这是我的错误,但它在左侧,箭头排序,但希望它在右侧