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

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

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

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

環境 ruby 1.9.3  & rails 3.2.8 適当なscaffoldを作っておく

  github.co …

Rails4.1で全文検索〜rroonga

By: Vinoth Chandar – CC BY 2.0 目次1 RailsでGroongaを使う選択肢2 サンプルのアプリ3 Gemfile4 データベースへの接続5 スキーマの設定 …

Railsでdocxをフォーマット指定でダウンロードできるようにする

タイトルだけだと何のことだかわからない railsでdocuments/2とかをGETメソッドで呼び出すとdocumentsコントローラーのshowメソッドを呼び出すようになってるんだけど、docum …

no image

Rubyからdocxを生成する

    前提 Rubyでdocxをいろいろ分析してみた 変数の仕様~正規表現 いろいろなパターンで試してみた 例えば、こんな文 [crayon-58d9e4041c77741160 …