BootstrapとFont Awesomeを導入

いきなりだけど、自分にはデザインセンスというものが欠落している。
冗談抜きで欠片も存在しない。
なのでアプリケーションを作成すると冗談抜きで酷いものが出来上がる。

こういう場合、デザインに強く更に協力的な友人か知人がいれば助かるわけだが、
そんな都合が良くて善良な人は滅多にいない。
なので、自分はデザインに関してはCSSフレームワーク様に頼りきっている。

Railsも然り、BootStrapを導入しないと話にならないので導入する手順を纏める。
ついでに何かと便利なFont Awesomeも一緒に導入してしまう。


まずはGemでBootstrapとFont Awesomeをインポートする。

gem 'bootstrap-sass',       '3.2.0.0'↲
gem 'font-awesome-rails'


CSSにBootStrapの設定を追記する。

app/assets/stylesheets/custome.css.scss

@import "bootstrap-sprockets";
@import "bootstrap";

Font Awesomeはこっちに追記する。

/*
 *= require font-awesome
 */

これでBootstrapとFont Awesomeが導入された。