Ruby on rails Rails和Formtastic：如何在右边显示复选框的标签？

我正在使用Twitter引导

我有以下代码

<div class="row">
  <div class="span5">
    <%= f.input :is_authorized_to_leave_with_child %>
    <%= f.input :is_emergency_contact %>
  </div>
  <div class="span5">
  </div>
</div>

问题是，标签显示在左侧，复选框显示在右侧。与Twitter引导示例表单复选框部分的外观正好相反，请查看：

---

复选框在右边，标签在右边。我怎样才能这样显示呢？

从formtastic 2.x开始，您可以使用

app/inputs/{input\u name.underline}\u input.rb

文件重新定义现有输入的行为

BooleanInput

的默认行为是：调用

to_html

方法，调用

label_with_nested_checkbox

，调用

label_text_with_embedded_checkbox

，创建以下布局：

<label>
  <input />
</label>

并更改

app/assets/formtastic-ie7.css文件，使输入看起来更漂亮：

.formtastic .boolean label input {
    left:-4px;
}

下面是它的样子：


class BooleanInput < Formtastic::Inputs::BooleanInput
def label_text_with_embedded_checkbox
        label_text << "" << check_box_html
    end
end

.formtastic .boolean label input {
    left:-4px;
}