如何在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中正確顯示字體真棒圖標

回答

相關問題