글꼴을 올바르게 표시하는 방법 haml의 멋진 아이콘

font-awesome에서 rails 응용 프로그램으로 fa-sort 아이콘을 추가하고 싶습니다. 나는 부트 스트랩과 햄을 사용하고 있으며 이것을 올바르게 설정하는 방법을 생각할 수 없습니다. 이 옆에 정렬 아이콘이 있습니다. 나는 괄호가 닫히기 전에 끝에서 시도했다 : class => fa_icon : sort) 그러나 작동하지 않는다. 그런 다음 테이블 헤드 아래에 .feature-icon.fa.fa-sort를 추가하려고 시도했지만 제대로 작동하지 않습니다. 올바른 보석을 추가하고 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

링크 내용에 블록을 사용하면 어떻게됩니까? 나는 당신이 링크상의 아이콘을 원한다고 생각한다. fontawesome 업데이트 아이콘 고체 일반 브랜드와 빛과 같은 태그가

%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

CSS는 간격을 표시하는 데 도움을줍니다. 나는'link_to'의 끝에'do'를 잊었다는 것을 깨달았습니다 - 당신이 do .....을 놓쳤을 때 haml의 오류를 싫어하십시오. :-) – froderik

각 link_to의 끝에서 블록을 끝내야합니까? – Justin

후, 고체 태그 그러므로 fontawesome는 새로운 사용

%의 i.fas.fa-종류
을 HAML, 모든 아이콘이 존재

일부 아이콘 이름은 당신이 detailde 정보가 here

출처

2018-02-21 09:26:06

글꼴을 올바르게 표시하는 방법 haml의 멋진 아이콘

답변

관련 문제