Ruby on rails 如何将glyphicons添加到rails链接到帮助程序-引导程序3

我一直在到处寻找关于如何将glyphicons添加到rails

link\u to

和

button\u to

助手的好解释，但我发现的很少。到目前为止，我收集到的信息使我得出了以下结论：

<li>
  <%= link_to deals_path, class: "btn btn-default" do %>
    <%= content_tag(:i, "Dasboard",:class=>' glyphicon, glyphicon-th-large') -%>
  <% end %>
</li>

“glyphicon，glyphicon th large”）-%%>

---

但这不起作用，我认为我找到的一个例子来自Bootstrap 2。有谁能给我指出一个关于这方面的好资源，或者提供一个快速的例子吗？提前谢谢

为此，您可以使用

font-rails

gem，然后执行以下操作：

<li><%= link_to raw(fa_icon("dashboard", class: "th-large"), deals_path, class: "btn btn-default" %>

我找到了这个问题的答案

rails中glyph链接的基本形式如下所示：

<%= link_to deals_path, class: "btn btn-default" do %>
    <i class="glyphicon glyphicon-euro"></i> Dashboard
<% end %>

<%= link_to deals_path, class: "btn btn-default" do %>
    <span class="glyphicon glyphicon-euro"></span> Dashboard
<% end %>

仪表板

---

根据需要修改。链接中的第二个示例对我不起作用，我想是因为我使用的是rails\u bootstrap\u sass gem？不管怎样，上面的表单对我很有用。

如果您正在寻找内联方法，这对我很有用：

<%= link_to '<i class="glyphicon glyphicon-th-large"></i> Dasboard'.html_safe, deals_path, class: 'btn btn-default' %>

可以放在

'Dashboard'的任何一边

我只在Rails 4中用Bootstrap 3测试了这个特定的例子，但这是我之前在Rails 3和Bootstrap 2中使用的方法

希望这对将来有帮助

---

编辑：删除逗号以正确呈现图示符图标

根据我的经验，@settheline的答案几乎是理想的，但在我的网站上，它改变了相对于其他没有图标的按钮的字体。所以我最后做了这样的事情：

<%= link_to deals_path, class: "btn btn-default" do %>
    <i class="glyphicon glyphicon-euro"></i> Dashboard
<% end %>

<%= link_to deals_path, class: "btn btn-default" do %>
    <span class="glyphicon glyphicon-euro"></span> Dashboard
<% end %>

仪表板

---

这似乎可以使字体与其他无图标按钮保持一致。

使用slim，这里是链接到：

    = link_to deals_path
        span.glyphicon.glyphicon-th-large

    = button_to deals_path, class: "btn btn-primary"
        span.glyphicon.glyphicon-th-large

和按钮_至：

    = link_to deals_path
        span.glyphicon.glyphicon-th-large

    = button_to deals_path, class: "btn btn-primary"
        span.glyphicon.glyphicon-th-large

---

也可以向按钮添加更多文本/等，只是不要将其嵌套在glyphicon的跨度下。

&对于那些避免不必要重复冗长内容的人来说

我在我的

app/helpers/application\u helper.rb中插入了类似的内容：

module ApplicationHelper
  def glyph(icon_name_postfix, hash={})
    content_tag :span, nil, hash.merge(class: "glyphicon glyphicon-#{icon_name_postfix.to_s.gsub('_','-')}")
  end
end



示例
.erb
用法：

<%= button_tag glyph("heart-empty", aria_hidden: "true", foo: "bar"), type: "button", class: "btn btn-default" %>
<%= link_to glyph(:eye_open) + " Oook", some_path, class: "nav" %>





我在
Rails4
中使用了它，但我认为它在
Rails3



哎哟！我还碰巧从引导程序（目前为v3.3.5）中注意到这条建议：

不要与其他组件混合图标类不能直接与其他组件组合。它们不应与
同一元素上的其他类。相反，添加嵌套的
和
将图标类应用于

仅用于空元素图标类应仅用于不包含文本内容且没有子元素的元素

使用HAML：

= link_to deals_path, class: "btn btn-default" do
  = "Dashboard"
  %span.glyphicon.glyphicon-th-large

有一种更快更简单的方法来应用（fontawasome）图标，而无需额外安装宝石。
您可以遵循以下模式：

          <%= link_to root_path, class: "nav-link" do %>
            <i class="fas fa-pencil-alt"></i>
          <% end %>



当然，您必须首先从FONTAWASOME创建一个无套件帐户，并且必须在
application.html.erb
的头中设置该帐户才能使用图标。
按照此处给出的说明操作（如果您还没有）

如果你需要一个例子，你可以在
Hmmm中查看我的回购协议。我已经准备好了字体，但不确定逗号应该放在哪里。看起来您要么在末尾缺少一个，要么在
fa_图标
后有一个额外的图标？在进一步搜索后，我不需要使用font awesome来使用引导图示符。我在上面回答了。过了一段时间后，今天发现了这个问题-如果您在应用glyphicon类和bootstrap中的button类时遇到rails问题，那么这就是您一直在寻找的答案！谢谢在从3升级到rails 4之后，这个内联解决方案修复了以前以do…end格式设置的断开链接。我很确定，建议的方法是更好的解决方案，不是吗？如果您有任何意见或它不适合您，我将很乐意帮助您。请在下面留下您的评论。有机会的时候我会尽力帮忙。