답변

5

는이 시도가 :

<li><%= link_to your_path do %><span class="fa fa-minus-circle fa-1x"></span> Settings <% end %></li> 

글꼴 - 멋진 내 코드의 일부와 예를 들면 다음과 같습니다

<li><%= link_to edit_contact_path(@contact) do %><i class="fa fa-pencil-square-o"></i> Edit<% end %></li> 


<li><%= link_to @contact, method: :delete, data:{confirm: "Delete this contact?"} do %><i class="fa fa-exclamation-triangle"></i> Delete<% end %></li> 

이 문서이며, LINK_TO와 섹션을 참조하십시오 ... 끝 .... link to documentation

0

더 나은 옵션은이 보석을 사용하는 것입니다. https://github.com/h4b00/awesome_link

설치 후 당신은 단순히 (예를 들어)를 사용할 수 있습니다 :이 아이콘을 포함

<li><%= link_to " Sign Up", '#', class: "fa fa-user-plus" %></li> 

난 항상이 같은 루비 코드의 클래스를 포함하여 그것을 한 적이

<%= awesome_link('fa-pencil-square-o', root_path, method: :update) %> 
1

을, 텍스트의 왼쪽에 "Sign up"앞에 공백을 넣어야 제대로 보이게 할 수 있습니다.

관련 문제