django - 将 django-crispy 表单上的字段水平对齐到页面中心？

Question

我有一个单字段表单，我想将其水平对齐并居中放置。

我想启用自动对焦和占位符。

这是我的代码:

class VinForm(forms.Form):
    VIN = forms.CharField(max_length=17, label='VIN')

    def __init__(self, *args, **kwargs):
        super(VinForm, self).__init__(*args, **kwargs)

        self.helper = FormHelper()
        self.helper.form_method = 'post'
        #self.helper.form_class = 'form-horizontal col-xs-12 col-md-6 col-lg-5'
        self.helper.form_class = 'form-horizontal'
        #self.helper.form_class = 'form-inline col-md-12'
        #self.helper.label_class = 'col-xs-3 col-md-3 col-lg-3'
        #self.helper.field_class = 'col-xs-12 col-md-12 col-lg-12'
        #self.helper.form_class = 'form-inline'

        self. helper.layout = Layout(
            FieldWithButtons('VIN', StrictButton("Go!"), autofocus=True, placeholder='JN1HJ01F8RT231164'),
        #     Div(
        # Div('VIN',css_class='col-md-6',autofocus=True, placeholder='JN1HJ01F8RT231164'),
        # css_class='row',
        #     ),
        #     Fieldset(
        #         #'Get Driving profile',
        #    Field('VIN', autofocus=True, placeholder='JN1HJ01F8RT231164'),
         #    ),
        #     FormActions(
        #         Submit('submit', 'get vehicle info'),
        #    ),
        # )
        )

您可以从我上面的代码中看到，我尝试了很多方法仍然没有效果。这是它的样子。

缺乏

1) 页面中心

2) 内联表单

3) 自动对焦和占位符不起作用

我正在使用推特 bootstrap3

Answer 1

我在下面做。注意下面代码片段中的“Field”，我们在 css_class 中指定了额外的 css。这是文档 link

 def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

        
        self.helper = FormHelper()
        self.helper.layout = Layout(

            Row(
                HTML('<h3>About you</h4>'),
                Column(Field('computers', css_class='text-center'), css_class='col-md-12 text-center')
            ),

https://stackoverflow.com/a/24812832/960471