2014-03-30 2 views
6

django-crispy-form documentation에 따르면 input-small 클래스로 입력 너비를 변경할 수 있습니다. 하지만 내 양식이 항상 100 % 폭으로 보이는 : 나는 크기를 필드에 css_class를 추가하는 경우,django-crispy-forms 입력 크기

enter image description here

또한 폭 유지 : 문서 설명대로 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" 

최신 버전입니다. 뭐가 잘못 되었 니? 작은 입력 상자 bootstrap3 클래스 이름

답변

2
  • 는 필드 폭과 상관없는, input-sm
  • input-sm 단지 필드의 폰트 및 높이의 크기를 설정한다.

form-horizontal, col-lg-2col-lg-8 및 폼 (http://getbootstrap.com/css/#forms-horizontal), 수평 레이아웃을 만든다. 먼저 화면 해상도가 lg으로 충분하도록하십시오. 시도하십시오 col-sm-*

+0

당신이 말하는 모두는 사실이지만 내 문제는 해결되지 않습니다. 나는 입력 너비를 줄이고 싶다. – danihp

+0

더 구체적인 질문 게시 : http://stackoverflow.com/q/22756731/842935 – danihp