2016/06/01
Railsでgemを使わずbootstarpを使用したいとき
Ruby on Railsにbootstrapを使用したいときは、通常
Bootstrap for Sass – GitHub
のように、gemを利用することが多いですが、
諸々の事情により、公式サイトよりインストールしたソース（しかもcss）を使用したい場合があるかと思いますが、そのときの設置方法を記事にしました。
1. ファイルのインストール及び設置
公式サイトよりダウンロードし、css、javascriptをそれぞれ
app/assets/stylesheet
app/assets/javascript
に設置。また、glyphiconsのフォントを
app/assets/font
配下に配置する。
また、configにてconfig.assets.precompileによりcompileするassetsを指定している場合は、下記を追加する。
|
1 | config.assets.precompile += %w(.eot .ttf .woff .woff2) |
２. cssの書き換えを行う。
上記のような設置方法の場合、glyphiconsのフォントは読み込まれないので、bootstrap.cssの書き換えを行う必要がある。
まず、bootstrap.cssをbootstrap.css.erbにrenameを行う。
その後、cssにてフォントをしている箇所にて、
|
1 | src: url('../fonts/glyphicons-halflings-regular.eot'); |
から
|
1 | src: url(<%= asset_path 'glyphicons-halflings-regular.eot' %>); |
のような書き換えを行う。
以上により、設置は完了です。
こちらを参考に致しました。
anotheruiguy/web-fonts-asset-pipeline.md – GitHub
Author Profile
スターフィールド編集部
SHARE
