css - 如何在 haml 中正确显示 Font Awesome 图标

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

我想将 fa-sort 图标从 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)

最佳答案

如果您对链接的内容使用 block 怎么办?我猜你想要链接上的图标。

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

关于css - 如何在 haml 中正确显示 Font Awesome 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28369442/

相关文章:

sql - Rails ActiveRecord where 子句

javascript - onCollapse 将父节点设置为选定节点,如果子节点/孙节点已被选中(bootstrap treeView)

html - 如何选择容器 div 中的最后一个 div?

android - 将 RadialGradient 转换为 Drawable? (CSS RadialGradient 到 Android)

ruby-on-rails - 如何在 Rails 中创建受密码保护的 RSS 提要

css - 部署到 Heroku 后 Bootstrap 样式丢失

css - Angular UI Bootstrap datepicker半日期着色

html - 悬停时更改选择列表选项的背景颜色

css - 相当于 jeet 中的 omega()?

ruby-on-rails - 为什么这个 elasticsearch/tire 代码不匹配部分单词?