django - 在 django-crispy-forms 中显示多行和多列

Question

我正在使用 django-crispy-forms 使用 Twitter Bootstrap ，我在将表单自定义为多行和多列时遇到了一些问题。一个示例问题是，当我尝试将表单分成两列时没有任何 react :

class SomeForm(ModelForm):

    helper = FormHelper()
    helper.layout = Layout(
        Column('field1', 'field3'),
        Column('field2', 'field4'),
        )
    )

    class Meta:
        model = Model

查看 html 输出，我看到有 <div class="formColumn"> ，但表单显示在一列中。也许这是一个CSS问题？我正在使用 Bootstrap 2.1。

Answer 1

谢谢马劳乔。

我使用 div 标签和 Bootstrap 文档实现了这一点:http://twitter.github.com/bootstrap/scaffolding.html

class SomeForm(ModelForm):

    helper = FormHelper()
    helper.layout = Layout(
        Div(
            Div('field1', css_class='span6'),
            Div('field3', css_class='span6'),  
        css_class='row-fluid'), 
    )

    class Meta:
        model = Model

对于 bootstrap3 替换 span6与 col-xs-6 http://getbootstrap.com/css/#grid