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;
}

コメント

コメントを投稿

このブログの人気の投稿

AMD環境でKVM PCIパススルー (PT2で)

いろいろやってKVM PCIパススルーができた(ゲストOSでPT2を認識)ので環境・ポイントをメモ。 ■HW 【M/B】BIOSTER TA890FXE 【CPU】AMD Phenom II X6 1055T 【Cooler】DEEPCOOL ICEEDGE 200U 【Memory】DDR3 SDRAM 4GB × 2, 2GB × 2 【VGA】Palit GeForce GTX 560 1GB (NE5X5600HD02-1142F) 【Sound】オンボード 【HDD】Western Digital WD30EZRX 3TB 【Drive】LG blu-ray かけるやつ 【Case】サイズの安いやつ 【Power】HEC WIN+ 700W HEC-700TE-2WX 【Other】PT1 × 1 PCIパススルーをするためにはIOMMU,AMD-Viに対応している「AMD890FX」チップセットが必要です。 今回は「BIOSTER TA890FXE」で。 ■SW 【OS】Ubuntu Server 11.04 【Other】qemu-kvm 0.14.0+noroms-0ubuntu4.3 【Other】kvm-pxe 5.4.4-7ubuntu2 【Other】virt-manager 0.8.6-1ubuntu8.1 必要なパッケージはaptでインストール。 Ubuntu Serverを使ってますが、すぐubuntu-desktopをインストールしました。 後はvirt-managerを使ってゲストOSを作成する。 ゲストOSの設定で、PCI Host Deviceで PT2を追加。 ※PT2はlspciで確認してください。 02:05.0 Multimedia controller: Xilinx Corporation Device 222a (rev 01)  ←これです ゲストOSの開始前に以下のコマンドを実行。 # modprobe pci-stub # echo "1002 4384" >/sys/bus/pci/drivers/pci-stub/new_id # echo "0000:00:14.4" >/s
続きを読む

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.
続きを読む