Ruby on rails 4 在标签和字段之间添加空格

在我的Rails应用程序中，登录页面上字段的标签与字段本身太接近，使其看起来很拥挤。我想在它们之间添加空间，但不确定如何添加

我安装了Rails 4和simple_表单、bootstrap 3和Desive

这是我的

app/views/designe/sessions/new.html.erb

code:

<div class="row">
<div class="col-xs-4">
<%= simple_form_for(resource, as: resource_name, url: session_path(resource_name), html: {class: "well"}) do |f| %>

<fieldset>
  <legend>Log in</legend>
<%= f.input :email %>
<%= f.input :password %>

  <% if devise_mapping.rememberable? -%>
    <div class="field">
           <%= f.input :remember_me, as: :boolean %>
         </div>

</fieldset>
  <% end -%>

  <div class="actions">
    <%= f.button :submit, "Log in" %>
  </div>
<% end %>

<%= render "devise/shared/links" %>
</div>

<div class="col-xs-8">
  <h2>Signing in is easy and secure</h2>
</div>
</div>

登录
登录既简单又安全

以下是整个github回购协议：

---

我一直在我的

bootstrap.css

文件中查找，找不到相关的类。您认为我下一步应该做什么？

您可以在自定义标签后添加您自己的标签，并在标签后面加上空格

<%= f.input :email, label: 'Email  ' %>
<%= f.input :password, label: 'Password  ' %>

---

或者，您可以使用诸如

chrome-dev-tools

之类的工具来检查label元素，以查看标签给出了什么

class

，然后添加一些自定义css。示例

.label类{margin right:10px；}

第一种方法（在两个单独的浏览器上）不起作用，即使在重新启动服务器之后也是如此。当我检查元素时，它被称为

label.email.optional

，例如，我在任何css文件中都找不到它。它不在css文件中，因为

simple\u form

会自动创建它。你需要在css文件中添加

label.email，label.password{margin right:10px；}

是的，现在可以使用了，谢谢！我将把这标记为最佳答案。