Rails簡單表單CSS - 輸入元素之間的空間

Question

我有一個帶引導程序和簡單表單的rails 4應用程序。

我已經按照簡單表單中的示例應用程序 - 但是我的格式都沒有出現類似於樣例中的樣式（儘管使用相同的代碼）。

有誰知道如何將標籤和字段之間的空間？我試圖添加填充，但它將其添加到字段下方，而不是在標籤下面，但是在字段之上。

例如，我有：

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

如何樣式添加從另一個單獨輸入的一個部分有什麼想法？

謝謝

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>