如何在导航栏链接中嵌入字体真棒图标

时间:2014-11-28 22:48:55

标签: ruby-on-rails twitter-bootstrap ruby-on-rails-4 font-awesome

如何在我的Ruby<%= link_to代码中嵌入字体真棒图标?

下面的内容不起作用,是否有可能完成下面的实际工作?

 <li><%= link_to "<span class="fa fa-minus-circle fa-1x"></span> Settings</span>", destroy_user_session_path, :method => :delete %></li>           

谢谢! 约翰逊

3 个答案:

答案 0 :(得分:5)

你试试这个:

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

例如在我的一些代码中使用font-awesome:

<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 ... do .... end部分 link to documentation

答案 1 :(得分:1)

我总是这样做,包括像这样的Ruby代码中的类,

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

这包括文本左侧的图标,因此您必须包含“注册”之前的空格,以使其看起来正确。

答案 2 :(得分:0)

更好的选择是使用这个宝石: https://github.com/h4b00/awesome_link

安装完成后,您只需使用(例如):

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