django - django-crispy-forms で複数の行と列を表示する

Question

Twitter Bootstrap でdjango-crispy-formsを使用していますが、フォームを複数の行と列にカスタマイズする際に問題が発生しています。問題の 1 つの例は、フォームを 2 つの列に分割しようとしても何も起こらないことです。

class SomeForm(ModelForm):

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

    class Meta:
        model = Model

html 出力を見ると、 があることがわかります<div class="formColumn">が、フォームは 1 つの列に表示されています。多分これはcssの問題ですか？Bootstrap 2.1 を使用しています。

Answer 1

ありがとう、まろうじょ。

div タグとブートストラップ ドキュメントを使用してこれを達成しました: 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に置き換えます