我正在使用 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。
最佳答案
谢谢马劳乔。
我使用 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
关于django - 在 django-crispy-forms 中显示多行和多列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12144475/