Rails简单表单CSS-输入元素之间的空间

Question

我有一个Rails4应用程序，带有引导程序和简单的表单。

我以简单的形式遵循了示例应用程序--但我的格式没有一个是以与示例中类似的风格出现的（尽管使用了相同的代码）。

   <div class="question-data">
         <%= f.input :prim_sec, label: 'What sort of data do you want?', collection:     ["Primary", "Secondary", "Both" ], prompt: "Choose one" %> </div>

.question-data {
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 20px;
  font-family: 'Quicksand', sans-serif;
  color: #7F042D;
  font-size: 17px;
}

Answer 1

你也许可以试试：

<div class="question-data">
    <%= simple_form_for(@example, :defaults => { :input_html => { :class => "my-class-name" } }) do %>
          <%= f.input :prim_sec, label: 'What sort of data do you want?', collection: ["Primary",   "Secondary", "Both" ], prompt: "Choose one" %>
    <% end %>
</div>