Метка рельса simple_form над входом

Question

Использование simple_form - есть ли способ изменить местоположение метки поля ввода?Например, если бы я хотел разместить метку над полем, как бы я это сделал?

Answer 1

В стилях CSS для метки и / или ввода добавьте display: block;.

Answer 2

Принятый ответ отобразит метку под флажком, а не над ним.Если вы хотите расположить метку выше (или слева), вы можете явно добавить ее с помощью f.label:

метка выше:

simple_form_for my_model do |f|
f.label :my_boolean_field
f.input :my_boolean_field, style: 'display: block;'

метка слева:

simple_form_for my_model do |f|
f.label :my_boolean_field
f.input :my_boolean_field

---

---

Если вы не включите явный label, он появится справа от флажка или под ним:

метка ниже:

simple_form_for my_model do |f|
f.input :my_boolean_field, style: 'display: block;'

метка справа (почему это значение по умолчанию ?):

simple_form_for my_model do |f|
f.input :my_boolean_field

_{проверено на рельсах 5.2.3, simple_form 4.1.0}