如何添加glyphicons到rails link_to helper - Bootstrap 3

Question

我一直在寻找一个很好的解释如何添加glyphicons到rails link_to和button_to帮助器,但我发现很少.到目前为止我收集的内容让我想到了这个:

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

这不起作用,我认为我发现的一个例子来自Bootstrap 2.有人能指出我这方面的好资源,还是提供一个快速的例子？提前致谢!

Answer 1

我在这里找到了答案

rails中字形链接的基本形式如下所示:

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

根据需要修改.该链接中的第二个示例对我不起作用,我假设因为我正在使用rails_bootstrap_sass gem？无论如何,上述形式对我有用.

Answer 2

如果您正在寻找内联方法,这对我有用:

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

的<i></i>可以去的任一侧'Dashboard'我只在轨道4与引导3测试该特定示例中出来,但,这是在导轨3和自举2之前我所使用的方法

希望这有助于将来的某些人

编辑:删除逗号以正确渲染glyphicon.

Answer 3

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

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

这似乎使字体与其他无图标按钮相同.