1

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

在此处输入图像描述

这篇文章将 Bootstrap 图标添加到 Ruby on Rails 中的按钮和这篇使用带有嵌入式 HTML 的 link_to对我不起作用。这是第一个和第二个按钮的代码:

      <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>
4

2 回答 2

7

这就是适用的button_to

<%= button_to random_joke_path, {remote: true, class: "btn btn-small"} do %>
       Następny <i class="icon-play"></i>
<% end %>
于 2013-12-14T21:01:01.877 回答
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 %>

我认为这对你有用。

于 2013-12-14T20:52:43.130 回答