如何在form_for中为单个输入添加样式

Ala*_*man 6 ruby haml ruby-on-rails twitter-bootstrap-rails

我正在使用带有HAML的rails框架,我有自举设置.我如何单独格式化字段输入.我希望名称的输入字段为左侧屏幕浮动的60%,价格的输入为屏幕的25%并向右浮动.

我想我问我如何在form_for中为单个输入添加类.谢谢

= form_for @product,:url => products_path, :html => { :id => "fileupload", :multipart => true } do |f| 
  %p
    = f.label :name
    = f.text_field :name # i want to format this
  %p
    = f.label :price
    = f.text_field :price
Run Code Online (Sandbox Code Playgroud)

Mar*_*n M 19

你可以向任何表单助手添加一个类,并使用CSS格式化它:

= f.text_field :name, class: 'your_class' # i want to format this
Run Code Online (Sandbox Code Playgroud)

因为您也可以直接设置样式选项,但建议将内容和样式分开.所以不要

= f.text_field :name, style: 'float: left; width: 60%; display: block' # i want to format this
Run Code Online (Sandbox Code Playgroud)