RailsでTwitterBootstrap Railsで使えるGem

RailsにTwitter Bootstrapのフォームを設定する~simple_form

投稿日:

環境 RailsにTwitter Bootstrapを設定する~twitter-bootstrap-rails

github.com/plataformatec/simple_form

Gemfile & bundle

次のスクリプトが追加される

country_selectを使うとき(足りないと言われたとき)

 

 

インストール

simple_form:installスクリプトに–bootstrapオプションをつけて実行する

twitter bootstrapは手動で用意する。gem twitter-bootstrap-railsを使っている場合はそのままでOK。

以後、scaffoldなどで自動生成されるフォームはシンプルフォームが使われるようだ

simple_form_forで囲む

formはform_forではなくsimple_form_forを使う

インストール時のメッセージにもあるように、このときにクラスを指定するで用意しているデザインを使うことが出来る

使い方

データの形式によって適当なラベル付きのフォームを用意してくれる

バリデーションがある場合もブートストラップのテーマを使ってくれる

エラーメッセージは:hintで出してるみたい

-RailsでTwitterBootstrap, Railsで使えるGem
-,

執筆者:

関連記事

Rails3.2でajaxなフォルダツリーを導入する~dynatree-rails

  jQuery UIのプラグインdynatreeをRailsで使ってみた github.com/glebtv/dynatree-rails wwwendt.de/tech/dynatree …

Rails3でajaxでD&Dでまとめてファイルアップロード~jQueryFileUpload for Rails

backbone-relationalをJasmineでテストしてみた

no image

Rails3.2でajaxなフォルダツリーを導入する4~dynatree-rails & Drag’n’Drop

wwwendt.de/tech/dynatree/doc/dynatree-doc.html wwwendt.de/tech/dynatree/doc/samples.html 今日はドラッグアンドド …

RailsでECサイト構築4 確認メールを送る~spree

  spreeでは注文したときと発送したときにメールを送信できるように設定できるので、やってみた   目次1 設定2 翻訳 設定 管理画面から設定>メールシステムの設定から これで …