【Rails】Bootstrapテンプレートの導入
※下記の内容に不備がありましたら、コメント頂けると幸いです。また、下記の内容をご使用頂ける場合は自己責任でお願いします。
【目次】
背景
ポートフォリオのデザインにはあまり時間をかけたくなかったので、Bootstrapのテンプレートを導入することにしました。
Bootstrapの初期設定は、公式サイトを参考に済ませています。
内容
ネットで検索
まずはネットで使えそうなテンプレートを探します。
私はStartBootstrapからテンプレートを選びました。
【Clean Blog - Bootstrap Blog Theme - Start Bootstrap】
テンプレートをダウンロード
サイトからテンプレートをダウンロードします。
ダウンロードしたファイルをポーフォリオに挿入
ダウンロードしたフォルダを解凍すると、htmlやcssのファイルが入っています。
scssファイル ⇨「app/assets/stylesheets」以下に挿入
imgファイル ⇨ 「public/images」以下に挿入
その他(htmlファイルを除く)のファイル ⇨ 「vendor/assets」以下に挿入
ビューファイルを編集
最後に、ポートフォリオのビューファイルを、先ほどダウンロードしたhtmlファイルと同じように編集する。
これでテンプレートと同じようなデザインのポートフォリオが作れるかと思います。
今後に向けて
私はポートフォリオがほぼ完成してからテンプレートを挿入したのですが、ややこしかったです。
初めからテンプレートを挿入してれば良かったと後悔しています。
参考
Bootstrap · The most popular HTML, CSS, and JS library in the world.