rails应用程序中的提交按钮不使用twitter引导程序样式

时间:2014-07-13 17:59:38

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

我有一个form_for的视图,它有一个提交按钮。我想使用twitter bootstrap rails gem设置提交按钮(我已成功安装到rails项目中。)但是按钮没有被设置为任何原因,并且按钮中的文本显示与我指定的不同在论证中。

视图来源new.html.erb

<div id="sign_up">
<h1>Sign Up</h1>

<%= form_for @user do |f| %>
  <% if @user.errors.any? %>
    <div class="error_messages">
      <h2>Form is invalid</h2>
      <ul>
        <% @user.errors.full_messages.each do |message| %>
          <li><%= message %></li>
        <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
     <!-- <%= f.label :email %> --><br />
    <%= f.text_field :email, :class => 'input-xlarge', placeholder: 'email' %>
  </div>
  <div class="field">
     <!-- <%= f.label :password %>--><br />
    <%= f.password_field :password, :class => 'input-xlarge', placeholder: 'Password' %>
  </div>
  <div class="field">
     <!-- <%= f.label :password_confirmation %>--><br />
    <%= f.password_field :password_confirmation, :class => 'input-xlarge', placeholder: 'Password confirm' %>
  </div>
  <div class="actions"><%= f.submit nil, class: 'btn btn-large' "Sign Up" %></div>
<% end %>
</div>

现在表格如下所示,

simple form

1 个答案:

答案 0 :(得分:4)

<%= f.submit nil, class: 'btn btn-large' "Sign Up" %>

应该是:

<%= f.submit "Sign Up", class: 'btn btn-large' %>