Question

在BootStrap中，我可以使用以下代码获取带有图标的按钮。

<button class="btn btn-primary">
    <span class="glyphicon glyphicon-search"></span> Click Me</button>

现在我想为Rails表单的提交按钮做同样的事情。我不知道怎么做，下面是我的代码：

<h1>Create a post</h1>
<%= form_for :post, url: posts_path do |f| %>
  <div class="form-group">
    <%= f.label :title %>
    <%= f.text_field :title, class: "form-control" %>
    <p class="help-block">Please type the title of the post</>
  </div>

  <div class="form-group">
    <%= f.label :body %>
    <%= f.text_area :body, class: "form-control", rows: 5 %>
    <p class="help-block">Please type the body of the post</>
  </div>

  <%= f.submit class: "btn btn-primary" %>

<% end %>

有人可以给我任何建议吗？

Answer 1

我在这里找到了解决方案：HTML code inside buttons with simple_form

<%= button_tag(type: 'submit', class: "btn btn-primary") do %>
 Text
<% end %>

在Ruby on Rails中，如何自定义提交按钮以使用BootStrap并为其添加图标？

1 个答案: