在 Rails 按钮中添加字形图标答案

【问题标题】：Adding a glyph icon in a Rails button在 Rails 按钮中添加字形图标
【发布时间】：2025-12-17 02:20:03
【问题描述】：

如果您查看下面我的应用程序的图片，您会看到第一个按钮没有字形图标（播放图标），而第二个按钮有。有人可以帮我在第一个按钮中放置一个字形图标，就像在下面的按钮中一样？

这个帖子Adding Bootstrap icon to button in Ruby on Rails 和这个Using link_to with embedded HTML 对我不起作用。这是第一个和第二个按钮的代码：

      <div>
      <blockquote class="pull-left">
      <p id="joke_section">
      <%= @l.content %>
      </p>
      <small><%= @l.author %> </small>

      <%= button_to "Następny", random_joke_path, {remote: true, class: "btn btn-small"} %>


      </blockquote>
      </div>

      </div>

</div>

<div><blockquote class="pull-left">
  <p id="mycontainer"><%= @l.content %> </p>
  <small><%= @l.author %> </small>
  <button id="but" class="btn btn-small", "pull=right" type="button">
      Następny <i class="icon-play"></i>
  </button>

</blockquote></div>

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap glyphicons

【解决方案1】：

这适用于button_to

<%= button_to random_joke_path, {remote: true, class: "btn btn-small"} do %>
       Następny <i class="icon-play"></i>
<% end %>

【讨论】：

【解决方案2】：

您正在使用引导程序 2？所以你看到<i class="icon-play"></i>了吗？那个类就是在那里获得图像的原因。所以在你的 Rails 代码中......

<%= link_to random_joke_path, class: "btn btn-small", remote: true do %>
  Następny <i class="icon-play"></i>
<% end %>

我认为这对你有用。

【讨论】：