読者です 読者をやめる 読者になる 読者になる

spring of life

技術、ときどき日常のブログ(予定)

twitter-bootstrap-rails を使ってみた

Rails CSS

しばらく書いてなかったから更新しとこ。。

ビューがあんまりイケてなかったので twitter-bootstrapの力を借りてみた

Rails なので、js をダウンロードしてそのまま使う方法じゃなくて、gem を使ってみた

詳しくはこのあたりかな〜

あとは好きなように html を作っていくだけだけかな

ただ、強制的に適用されるから困る場合が出てきて、

例えば、<hr>とかは勝手に上下に margin が適用されて間隔が空きすぎちゃうことがあったりする

そういう時はrails g bootstrap:installでインストールした時に作成されてるapp/assets/stylesheets/bootstrap_and_overrides.css.lessに新たに<hr>のスタイルを書いて上書きする



おまけ:emacs の less モードのインストール

emacs 上で

M-x package-install [ret]
less-css-mode [ret]

インデントはcss-mode の設定を変えればオッケー

(add-hook 'css-mode-hook
              (lambda ()
                (setq css-indent-offset 2)
              ))