如何使表单标签和字段以django-crispy-form显示在同一行上

Question

class CustomerRegistrationForm(forms.Form):

    def __init__(self, *args, **kwargs):
        self.helper = FormHelper()
        self.helper.form_action = 'customer_register'


        self.helper.layout = Layout(
            HTML("""<h3>Create new customers account</h3>"""),
            Row(Field('first_name',),),
            Field('last_name',),
            Field('gender',),
            Row( Field('gender'),),
        )

这个类的结果就像字段位于标签下面一样,但我希望有类似于https://github.com/maraujop/django-crispy-forms的例子,其中标签和字段是相同的线.

我错过了什么？

Answer 1

如果您使用的是默认模板包(Bootstrap),则必须将类分配给form-horizontal表单标记.

将左侧,右侧对齐的标签浮动在与控件相同的行上

您可以在模板中执行此操作,也可以使用示例gist中form.helper演示的crispy-forms:

helper.form_class = 'form-horizontal'