css - simple_form：在一行上嵌套模型表单元素？

Question

我正在使用嵌套模型表单来编辑客户的所有电话号码。如果我将所有电话属性放在一条线上，我认为 simple_form 显示它的方式可以得到改进。

这是我目前拥有的代码：

.main
  .form-inputs
    = f.input :lname, label: t('client.lname')
    = f.input :fname, label: t('client.fname')
    = f.simple_fields_for :phones do |phones_form|
      = phones_form.input :phone, label: 'Phone'
      = phones_form.input :kind, collection: [:home, :work, :cell, :unknown], label: 'Kind'
      = phones_form.input :_destroy, as: :boolean, label: 'Delete?'

  .form-actions
    = f.button :submit, value: t('client.submit'), class: 'btn btn-primary'

它产生以下内容：

是否可以将嵌套模型的表单属性放在一行上（像这样）？

Answer 1

是的，这是一个 CSS 问题。简而言之，您可以这样写：

= phones_form.input :kind, collection: [:home, :work, :cell, :unknown], label: 'Kind', style: 'width: 50px;'