Html 简单表单添加填充并移动表单上的某些元素

我用的是简单的宝石

simple_form在我的输入之间添加了不必要的填充，移动了按钮，并在标签和输入之间削减了空间（查看屏幕截图）

我怎样才能修好它

问题说明：

这是表单的包装：edit.html.erb

编辑：

这是_form.html.erb

名称
联系方式
信息

我发现simple_表单在输入周围添加了一个包装div（屏幕截图）

不确定，但上次我用它时，它没有添加任何包装

因此，我使用了

f.input\u字段

，而不是

f.input

，它根据删除所有包装器div

这是一个更新的表单输入

<%= f.input_field :current_build, class:"form-control", label: false %>

---

请发布完成的代码或提供演示。@Alirezasafan截图解释了整个问题，而截图解释了问题，我们仍然无法给出解决方案，因为代码的结果取决于实际输出的简单表单。只需将整个html和css代码粘贴到此处，我就可以帮助您：）

  <%= simple_form_for @user,
   defaults: { input_html: { class: 'form-control ' } },
  html: {class:"form-horizontal form-groups-bordered"} do |f| %>

    <div class="form-group">
        <label for="field-1" class="col-sm-3 control-label">Name</label>

        <div class="col-sm-5">
            <%= f.input :name, placeholder: "", label: false %>
        </div>
    </div>

    <div class="form-group ">
        <label for="field-1" class="col-sm-3 control-label">Contact details</label>

        <div class="col-sm-5 ">
            <%= f.input :contact_details,
             placeholder: "",
             label: false %>
        </div>
    </div>

    <div class="form-group">
        <label for="field-ta" class="col-sm-3 control-label">Info</label>

        <div class="col-sm-5" >
          <%= f.input :user_info,
            as: :text,
            placeholder: "",
            input_html: { style:"overflow: hidden; word-wrap: break-word; resize: horizontal; height: 100px;"},
            label: false %>
        </div>
    </div>

    <div class="form-group">
      <div class="col-sm-offset-3 col-sm-5">
        <%= f.button :submit, "Save", class: "btn btn-primary" %>
        <%= link_to "Cancel", @user, class: "btn btn-default" %>
      </div>
    </div>
<% end %>

<%= f.input_field :current_build, class:"form-control", label: false %>