2016-08-04 4 views
1

내 wtform 필드에서 입력 필드를 더 커지려고합니다. 나는 양식 컨트롤을 사용하는 방법을 보여줍니다이 게시물,wtform에 input-lg를 추가하려고 시도했습니다.

{{form.email (클래스 _ = "폼 컨트롤")}} Add a css class to a field in wtform

그리고하는 방법에 대한이 부트 스트랩 하나를 발견 ID = "inputlg"타입 "inputlg 형태 제어"

입력 클래스 = inputlg를 사용 = "텍스트"http://www.w3schools.com/bootstrap/bootstrap_forms_sizing.asp

하지만 그들은 내 코드에서 함께 작동하지 않습니다. 방금 작동하지 않는 오류는 없습니다.

<form id="signinform" class="form form-horizontal" method="post" 
      role="form" style="font-size:24px;”> 
{{ form.hidden_tag() }} 
{{ wtf.form_field(form.last_name, class_="form-control input-lg") }} 
</form> 

양식 줄이 몇 개 더 있지만 포함 할 필요가 없습니다.

어떻게하면됩니까? 내가 도대체 ​​뭘 잘못하고있는 겁니까? 당신은 필드에 대한 CSS를 변경할 수 있습니다

감사

+0

필드가 하나뿐이면 필드 폭을 쉽게 늘릴 수 있습니다. 그렇지 않으면 필드가 더 많은 경우 div 및 inside div 클래스 "col-md-5"및 "col-md-5 col-md -offset-2 ". bootstarp 모달 튜토리얼을 참조하십시오. – SumanKalyan

+0

실제로 제가 사용하고있는 코드는 동일한 문제가있는 경우 실제로는 자바 스크립트를 사용할 수있었습니다. $ (document) .ready (function() {$ (" #XX input "). addClass ('input-lg');}); XX = 양식의 ID – Thomas

답변

1

(I 부트 스트랩이 모든 것이 이미 가져온). 필드 이름을 지정한 다음 CSS에 해당 스타일을 추가하십시오.