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

我有一个带引导程序和简单表单的rails 4应用程序。Rails简单表单CSS - 输入元素之间的空间

我已经按照简单表单中的示例应用程序 - 但是我的格式都没有出现类似于样例中的样式（尽管使用相同的代码）。

有谁知道如何将标签和字段之间的空间？我试图添加填充，但它将其添加到字段下方，而不是在标签下面，但是在字段之上。

例如，我有：

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

而这个CSS的问题 - 数据：

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

如何样式添加从另一个单独输入的一个部分有什么想法？

谢谢

来源

2014-09-22 Mel

也许你可以试试：

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

来源

2014-09-22 05:20:10 userden

嗨芬兰语，请问在标签和输入元素之间的放空间？ – Mel 2014-09-22 06:40:13

你可以通过给每个输入一个类来覆盖默认值：** <％= f.input：username，input_html：{class：'special'}％> **参考：https：//github.com/plataformatec/简单的形式 – userden 2014-09-22 07:08:30

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

回答

相关问题