twitter-bootstrap-railsをインストールした環境で、Bootstrap3のテーマをBootswatchに公開されているテーマに上書きします。
環境
- Rails 4.0.2
- Bootstrap 3.x
手順
vendor/assets/stylesheets/bootswatchを作成します。
$ mkdir vendor/assets/stylesheets/bootswatch
[Bootswatch][2]で気に入ったテーマを選び、上記フォルダにvariables.lessとbootswatch.lessをダウンロードします。
$ wget -P vendor/assets/stylesheets/bootswatch http://bootswatch.com/flatly/variables.less
$ wget -P vendor/assets/stylesheets/bootswatch http://bootswatch.com/flatly/bootswatch.less
私はFlatlyが気に入りました。
app/assets/stylesheets/bootstrap_and_overrides.css.lessに@importの記述を追加します。
@import "twitter/bootstrap/bootstrap";
@import "bootswatch/variables.less"; // 追加
@import "bootswatch/bootswatch.less"; // 追加
これで完了です。Webを表示させて、テーマが反映されている事を確認します。
コメント