Bootstrap text_area haml下的寬度

我有一個Rails應用程序，並使用haml和bootstrap。一個我的表單我有兩個字段用於輸入文本，並且只顯示一個字段，具體取決於我在控制器中設置的變量。如果有一個文本區域我想要調整它的大小，並且：行屬性有效，但不是列。Bootstrap text_area haml下的寬度

我也嘗試使用％div：class =>'span6'來擴大text_area，但它似乎不工作。

= 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

編輯

嘗試下面的代碼，並沒有改變框的大小。

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

來源

2012-12-14 ardochhigh

的可能的複製http://stackoverflow.com/questions/10133783/how-can-i -change-cols-of-textarea-in-twitter-bootstrap – BaronVonBraun

我確實看過這個問題。我可能會遇到haml語法的問題。有任何想法嗎？ – ardochhigh

像這樣的東西應該工作：
= f.text_area :field_value_long, :rows => 5, :class => "span6", :placeholder => 'Enter text.'

來源

2012-12-14 14:44:41 siekfried

就是這樣！非常感謝。 – ardochhigh

這也可以幫助我進行semantic_form_for。 – SSR

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" } 
)

來源

2012-12-14 14:40:58

感謝您的信息。我嘗試了第一個（見上面的編輯），它不喜歡（），所以我把它們放在了頁面上，但是它沒有改變大小。 – ardochhigh

Bootstrap text_area haml下的寬度

回答

相關問題