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

【问题标题】：How to embed font-awesome icons in a navbar link如何在导航栏链接中嵌入字体真棒图标
【发布时间】：2014-11-28 22:48:55
【问题描述】：

如何将字体超赞的图标嵌入到我的 Ruby

以下不起作用，是否有可能完成以下一些操作以使其真正起作用？

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

谢谢！约翰逊

【问题讨论】：

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

【解决方案1】：

你试过这个吗：

<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

【讨论】：

【解决方案2】：

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

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

这包括文本左侧的图标，因此您必须在“注册”之前添加空格才能使其看起来正确。

【讨论】：

【解决方案3】：

对你来说更好的选择是使用这个 gem： https://github.com/h4b00/awesome_link

安装后你可以简单地使用（例如）：

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

【讨论】：