Blog

Railsでgemを使わずbootstarpを使用したいとき

2016.05.31Cat:Rails 開発
ruby-on-rails-training-courses

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を指定している場合は、下記を追加する。

2. cssの書き換えを行う。

上記のような設置方法の場合、glyphiconsのフォントは読み込まれないので、bootstrap.cssの書き換えを行う必要がある。
まず、bootstrap.cssをbootstrap.css.erbにrenameを行う。
その後、cssにてフォントをしている箇所にて、

から

のような書き換えを行う。

以上により、設置は完了です。
こちらを参考に致しました。
anotheruiguy/web-fonts-asset-pipeline.md – GitHub

Author Profile

mizutani
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ