Html RubyonRails按钮太近，无法形成

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

---

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

捷径：

正确的方法：

---

这是一个纯粹的css问题。快速而肮脏地看到这个答案：在你的密码输入和你的提交按钮之间加上一个空格，伙计们，很抱歉这个愚蠢的问题！看起来你在使用引导。SimpleForm应确保适当的间距。

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