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

執筆者:

関連記事

WindowsのRubyでxlsxファイルにアクセスする~roo

By: Hajime NAKANO – CC BY 2.0 目次1 rooのインストール2 rooを使ってみる(基本)3 シートを指定する4 セルの値を確認する5 行列を数える rooのイ …

no image

Rails4とPostreSQL9.3で全文検索〜pg_bigm

目次1 準備2 migration3  使い方 準備 エクステンションを導入しておく Ubuntu Server12.04でPostgreSQL9.3をつかう〜pg_bigmで全文検索 migrati …

Mac OSXにHyper EstraierのRuby Bindingをインストールする

By: Kanko* – CC BY 2.0 目次1 環境2 Hyper Estraierのインストール3 ソースのダウンロード4 パッチを適用する5 rvmのためにconfigureファ …

CarrierWaveで添付したファイルをrroongaで全文検索

By: Alan Levine – CC BY 2.0 目次1 Carrierwave2 rroonga3 Gemfile4 application.rb5 config/initiali …

no image

Rails3.2でリアルタイムメッセージングサービスをherokuにデプロイしたよ〜private_pub,Faye

参考 Rails3.2でリアルタイムメッセージング~Private_pub、Faye さっそくherokuにあげてみた ブラウザを2つ起動して並べてみれば投稿した内容が即時にほかのブラウザに反映するの …