django-crispy-forms输入大小

Question

根据django-crispy-form文档,我将能够用类更改输入宽度input-small.但我的表单看起来宽度为100%:

另外,如果我将css_class添加到Field,则大小保持为宽度:100%(.form-control)

我已按照文档说明设置表单:

class LoginForm(forms.Form):
    usuari = forms.CharField( help_text = u'Codi Usuari')
    paraula_de_pas = forms.CharField( help_text = u'Paraula de pas')

    # Uni-form
    helper = FormHelper()
    helper.form_class = 'form-horizontal'
    helper.label_class = 'col-lg-2'  
    helper.field_class = 'col-lg-8'  
    helper.layout = Layout(
        PrependedText('usuari', 
                      '<span class="glyphicon glyphicon-user"></span> ',  
                      css_class='input-small'),
        PrependedText('paraula_de_pas', 
                      '<span class="glyphicon glyphicon-asterisk"></span> ', 
                      css_class='input-small'),
        FormActions(
            Submit('save_changes', 'Entrar-hi', css_class="btn-primary"),
        )
    )

在设置中:

CRISPY_TEMPLATE_PACK="bootstrap3"

我是最新版本.怎么了？

Answer 1

• 在 bootstrap3 中小输入框的类名是input-sm
• input-sm只是设置字段的字体大小和高度，与字段宽度无关。

form-horizontal，col-lg-2并col-lg-8为表单进行水平布局（http://getbootstrap.com/css/#forms-horizo ​​ntal）。因此，首先请确保您的屏幕分辨率足够lg。尝试col-sm-*