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
-,

執筆者:

関連記事

no image

RubyとRailsのテスト関係のリンクメモ

  目次1 RSpec2 Factory Girl3 Capybara RSpec rspec.info/ Expectations とMatcher rubydoc.info/gems/r

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

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

Rails3.2+Mongoidでログイン機能~devise

  目次1 Gemfile2 generate3 model4 試す5 Login/Logout6 アクセス制限7 メニュー構成を整える8 翻訳 I18n9 見た目を整える Gemfile …

no image

Rails3.2.8で自動テスト環境を整える〜cucumber+spork+guard

環境 ruby 1.9.3 & rails 3.2.8 参考 cucumber + spork + guard + factory_girl あってもよいが[crayon-5b7891ccbc …

Rails3.2でGoogle Calendarライクなカレンダーを使う〜fullcalendar-rails

目次1  fullcalendar-rails2 Hello fullcalendar3 オプション  fullcalendar-rails 2種類あるけど上の方を使った github.com/bok