CODEWITHSUNDEEP
ruby-on-railsrubytwitter-bootstrapbutton
Ivor Horton
Ivor Horton

Reputation: 77

In Ruby on Rails, how to customize the submit button to use BootStrap and add a icon to it?

In BootStrap, I can use the following code to get a button with an icon.

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

Now I want to do the same thing for the submit button of a Rails form. I don't know how to do it and below is my code:

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

Could someone give me any suggestions?

Upvotes: 1

Views: 2295

Answers (1)

Heber Orellana
Heber Orellana

Reputation: 21

I found the solution here: HTML code inside buttons with simple_form

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

Upvotes: 2

Related Questions