將django-crispy表單上的字段與頁面中心水平對齊？

我有一個字段的形式，我想水平和頁面中心對齊。將django-crispy表單上的字段與頁面中心水平對齊？

我想啓用自動對焦和佔位符。

這裏是我的代碼：

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'), 
     # ), 
     #) 
     )

你可以從我上面的代碼，我嘗試過很多事情還沒有看到工作。這是它的外觀。

enter image description here

它缺乏

1）頁的中心

2）內嵌形式

3）自動對焦和佔位符不是我使用Twitter bootstrap3

工作

來源

2014-11-21 brain storm

將django-crispy表單上的字段與頁面中心水平對齊？

回答

相關問題