2012-12-14 1 views
0

레일 앱이 있고 haml과 부트 스트랩을 사용하고 있습니다. 하나의 양식 내 텍스트를 입력하기위한 두 개의 필드가 있으며 컨트롤러에 설정된 변수에 따라 하나만 표시됩니다. 크기가 원하는 텍스트 영역이 있고 : 행은 작동하지만 열은 작동하지 않습니다.부트 스트랩 text_area haml 아래의 너비

text_area를 넓히기 위해 % div : class => 'span6'을 사용해 보았지만 작동하지 않는 것 같습니다.

= form_for [@lesson_layout, @layout_field] do |f| 
    .field 
    = f.label :field_name 
    = f.text_field :field_name 
    - case @layout_type 
    - when "Text Field" 
    .field 
     = f.label :field_value 
     = f.text_field :field_value 
    - when "Text Area" 
     .field 
     = f.label :field_value_long 
     = f.text_area :field_value_long, :rows => 5, :placeholder => 'Enter text.' 

.actions 
    = f.submit 

EDIT 다음 코드를 시도, 그리고 상자의 크기를 변경하지 않았다.

.field 
    = f.label :field_value_long 
    = f.text_area :field_value_long, :rows => 5, :placeholder => 'Enter text using markdown.', :html => { :style => "width:300em" } 
+0

의 가능한 중복 http://stackoverflow.com/questions/10133783/how-can-i -change-cols-of-textarea-in-twitter-bootstrap – BaronVonBraun

+0

나는 그 질문을 보았다. haml 구문에 문제가있을 수 있습니다. 어떤 아이디어? – ardochhigh

답변

11

뭔가 작업을해야합니다 :
= f.text_area :field_value_long, :rows => 5, :class => "span6", :placeholder => 'Enter text.'

+0

그게 다야! 고마워요. – ardochhigh

+0

이것은 semantic_form_for에도 도움이됩니다. – SSR

1
f.text_area( 
    :field_value_long, 
    :rows => 5, 
    :placeholder => 'Enter text.', 
    :html => { :style => "width:20em !important" } 
) 

또는

이 같은
f.text_area( 
    :field_value_long, 
    :rows => 5, 
    :placeholder => 'Enter text.', 
    :html => { :class => "my_wide_class" } 
) 
+0

귀하의 게시물을 보내 주셔서 감사합니다. 나는 첫 번째 것을 시도했다. (위의 편집 참조),()를 좋아하지 않아서 페이지를 렌더링했지만 상자는 크기를 변경하지 않았다. – ardochhigh