Ruby on Rails按钮太靠近形式

时间:2014-04-04 15:25:03

标签: html css

我是Ruby的新手和一般的编程。我使用简单的表单创建此登录页面,但创建帐户按钮将接近确认密码表单我不知道如何在这两者之间输入中断。

谢谢!

 <%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name), html: { class: 'form-horizontal'}) do |f| %>
  <%= devise_error_messages! %>

  <%= f.input :email, :label => 'Correo Electronico' %>

  <%= f.input :password, :label => 'Contraseña' %>
  <%= f.input :password_confirmation, :label => 'Confirmar Contraseña' %>



  <div>
    <%= f.submit "Crear cuenta", class: "btn btn-primary" %>
  </div>
<% end %>

1 个答案:

答案 0 :(得分:0)

您应该使用HTML类/ id并将这些规则放在CSS文件中。但有两种方式:

快速&amp; diry way

<div style="margin-top: 15px;">
  <%= f.submit "Crear cuenta", class: "btn btn-primary" %>
</div>

正确的方法

# app/assets/stylesheets/application.css.scss (or extension can be .sass)
body div.form_action_buttons {
  margin-top: 15px;
}

# your view
<div class='form_action_buttons'>
  <%= f.submit "Crear cuenta", class: "btn btn-primary" %>
</div>