CSS関連のライブラリ追加した
機能追加を試す
font-awesome追加 <head>タグ内リンクで
- 公式からリンクをコピーして、application.html.erbの<head>タグ内に挿入
- 公式から使いたいアイコンのタグをワンタッチコピーして、
自分が表示したいところに貼るだけ。
<i class="fas fa-trash fa-lg"></i> のように、
iタグとクラス名で読み込まれる。 以上
※Materializeも同様
boostrap追加 Gemで
-
「gem "bootstrap-sass"」をGemfileに追記して、bundle install
- assets/javascripts/application.js に、
「 //= require bootstrap-sprockets 」を追記 - application.css は application.scss にリネームするなどし、.scss( or .sass )ファイルを用意する。
- 上記の、assets/stylesheets/application.scss に、
「 @import "bootstrap-sprockets";
@import "bootstrap"; 」 を追記 - サーバー再起動
- 公式から好きなものをとってきて、表示したいところで
<button type="button" class="btn btn-info"> のように貼るだけ。
!!必要があれば、クラス名やリンクタグなどを修正する。!!
ここの技術があるかどうか。