在Rails按钮中添加字形图标

时间:2013-12-14 19:42:20

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

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

enter image description here

此帖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>

2 个答案:

答案 0 :(得分:6)

这适用于button_to

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

答案 1 :(得分:2)

你正在使用bootstrap 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 %>

我认为这对你有用。