form_for の単一の入力にスタイルを追加する方法

概要

私は 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

解決策

任意のフォームヘルパーにクラスを追加し、CSS を使用してフォーマットすることができます。

= f.text_field :name, class: 'your_class' # i want to format this

もちろん、スタイルオプションを直接設定することもできますが、コンテンツとスタイルを分離することをお勧めします。だからやめてください

= f.text_field :name, style: 'float: left; width: 60%; display: block' # i want to format this