使用 Simple Form 結合 Bootstrap Form

Ruby Taiwan Group 用的 CSS Framework 就是現在最熱門的 Bootstrap http://twitter.github.com/bootstrap/。

不過因為 Bootstrap 有自己的 DOM 結構，如果使用內建的 form_for ，還是自己要再外面包一層 div，看起來還是很黏膩。

而 simple_form 也沒有辦法解決這一點，因為 Bootstrap 結構不太一樣。

於是後來就有人拉了這一個 pull request 實作出來了。
http://github.com/plataformatec/simple_form/pull/312

不過以上都不是重點。

==== 廢話結束分隔線

現在 Simple Form 要支援 Bootstrap Form 相當簡單。

只要使用 最新 trunk 的 simple_for，並往你專案底下的 config/initailizers/simple_form.rb 內一扔以下這個檔案。

http://github.com/rafaelfranca/simple_form-bootstrap/blob/master/config/initializers/simple_form.rb

然後這樣使用 form

<%= simple_form_for @article, :wrapper => :inline do |f| %>

就可以輕鬆使用了...

而 simple_form 作者 Jose Valim 也在 twitter 上宣布 2.0 將會預設加入 bootstrap built-in support feature。
http://twitter.com/#!/josevalim/status/143629690102493184

並發表了 simple_form 2.0 升級指南

http://twitter.com/#!/josevalim/status/143629690102493184

====

如果你還是不知道怎麼用。歡迎 clone 本站程式碼下來看
http://github.com/rubytaiwan/ruby-taiwan