Rails 3.1でtwitter bootstrapを使用

Ruby on Rails 3.1でtwitter bootstrapを使用。

twitter bootstrapとはこれ
http://twitter.github.com/bootstrap/

デザインができない開発者(自分のことです)を助けてくれるCSSフレームワークです。


使用方法はcss,jsファイルをとってきて、Asset Pipelineが有効になるよう・・・ということはせずに gem がありましたので、それを使用します。


twitter-bootstrap-rails
https://github.com/seyhunak/twitter-bootstrap-rails

リンク先に使用方法が書いてありますが、ざっと書くとこんな感じ。


gemfileに以下の内容を追加
gem 'twitter-bootstrap-rails'

bundle installを実行

rails g bootstrap:installを実行


で、Railsアプリでtwitter bootstrapが使用できるようになります。
後は、viewでclassを指定していくだけ。


紹介した gem 以外にもsass版のtwitter bootstrapなどありましたが、ジェネレータ機能があるのは見た限りこれだけでした。


蛇足
Navigation Fixed topbar(黒いメニューバー)を使用する場合、以下の内容をスタイルシートで指定しないとメニューの裏からコンテンツの内容が表示される。


body {
  padding-top: 60px;
}

コメント

コメントを投稿

このブログの人気の投稿

2019年4月 やってるお金の投資

イメージ
2019年4月 やってるお金の投資 自分がしているお金の投資の話をしたことがあったので、まとめます。 自分の方針は放置・(半)自動で、年利5%くらいを目指すミドルリスク・ミドルリターンです。 以前、FXでハイリスクなやり方をして損しました。 そのときは夜もあまり寝れず、仕事中も気になってイライラして精神的・肉体的に良くなかったので、いまの方針は変えません。 投資は余剰資金でやりましょう。 これを参考にしても構いませんが、始める場合は自分で調査して納得してからにしてください。 下記のバナーはアフィリエイトです。 確定拠出年金(iDeCo) 税金対策 長期運用で増えればいいな 60歳まで原則引き出せない、貯まる一方なので自分的には合っている SBIベネフィット・システムズ ロボアドバイザー 毎月積み立て 完全放置 Weath Navi IPO IPOに申し込み、当選したら初値売り なかなか当選しないので、預金感覚で手元の現金を種銭に ひとつずつ申し込まないといけないので、面倒 SBI証券 SMBC日興証券 マネックス証券 大和証券 為替取引/FX 手動で豪ドル円の買いのIFOをたくさん仕込む（手動トラ○ピ） 余裕をもった証拠金のため、リターンが少なく、そのうち全決済予定 SBI FXトレード ソーシャルレンディング/ファンド 申し込んだあとは償還されるまで放置 遅延・貸し倒れが怖い クラウドバンク SBIソーシャルレンディング Funds 仮想通貨 少額だけ購入し、塩漬け 高騰したらいいな Ethereum (PoSやりたい、いつ移行かな？) NEM/XEM (ハーベスト中)
続きを読む

Rails Devise認証のカスタマイズメモ

Deviseのデフォルトの認証ではDBに保存されているemail, passwordの項目で認証を行なっている。 例えば、DBにemail, passwordを別で認証する場合、カスタマイズが必要となる。 そのカスタマイズ方法を調査した内容を以下に記す。 ※omniauthを使った外部サイトで認証・callbackではないです。 バージョン情報 　Rails 3.2.6 　Devise 2.1.2 例 　・usersテーブルにログインユーザの情報を保持。 　・パスワードはDBに保持していない。(ここでは 'password' 固定) 1.認証処理の追加 　Deviseでは認証処理はstrategyとして作成されている。 　認証方法をカスタマイズするにはstrategyを新たに作成する。 ※以下の内容はDeviseのstrategy(database_authenticatable)を参考に、パスワード判定のみ変 更。 ・config/initializers/devise_strategies.rb require 'devise/strategies/authenticatable' module Devise module Strategies class CustomAuthenticatable < Authenticatable def authenticate! resource = valid_password? && mapping.to.find_for_database_authentication(authentication_hash) return fail(:invalid) unless resource if validate(resource){ password == 'password' } resource.after_database_authentication success!(resource) end end end end end Warden::Strategies....
続きを読む

One Netbook One Mix 2S + IPEGA PG-9083でニンテンドースイッチもどき

イメージ
One Netbook One Mix 2S + IPEGA PG-9083  Steam ホームストリーミングを動かしてみた。 One Netbook One Mix 2Sで動くゲームなら気軽に出来そうだけど、スペックが足りないものはSteam ホームストリーミングみたいにリモートでするしかないのかな... PS4のリモートプレイがDUALSHOCK 4必須でなければ出来ると思うのに...
続きを読む