【问题标题】:django-crispy-forms input sizedjango-crispy-forms 输入大小
【发布时间】:2014-05-09 22:17:02
【问题描述】:

根据django-crispy-form documentation,我将能够使用input-small 类更改输入宽度。但我的表单总是以 100% 的宽度显示:

另外,如果我将 css_class 添加到 Field 中,大小将保持在 width: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"

我是最新版本。怎么了?

【问题讨论】:

    标签: django twitter-bootstrap-3 django-crispy-forms


    【解决方案1】:
    • 在 bootstrap3 中,小输入框的类名是 input-sm
    • input-sm 只是设置字段的字体大小和高度,与字段宽度无关。

    form-horizontalcol-lg-2col-lg-8 为表单 (http://getbootstrap.com/css/#forms-horizontal) 进行水平布局。所以首先要确保你的屏幕分辨率足够lg。试试col-sm-*

    【讨论】:

    • 你说的都是真的,但这并不能解决我的问题。我想减小输入宽度。
    猜你喜欢
    • 2018-07-16
    • 2016-08-16
    • 2019-07-31
    • 1970-01-01
    • 2020-01-21
    • 2012-06-16
    • 2015-02-02
    • 2014-06-22
    • 2016-12-20
    相关资源
    最近更新 更多